网站开发大多用什么编程语言,建大网站,网站排名优化价格,vue加wordpress介绍#xff1a; javascript中常见的3种获取元素的方法#xff0c;分别是通过元素ID、通过标签名字和通过类名字来获取 操作如下#xff1a; 1、getElementById DOM提供了一个名为getElementById的方法#xff0c;这个方法将返回一个与之对应id属性的节点对象。使用的时候请…介绍 javascript中常见的3种获取元素的方法分别是通过元素ID、通过标签名字和通过类名字来获取 操作如下 1、getElementById DOM提供了一个名为getElementById的方法这个方法将返回一个与之对应id属性的节点对象。使用的时候请注意区分大小写。 它是document对象特有的函数只能通过其来调用该方法。其使用的方法如下 document.getElementById(demo) //demo是元素对应的ID 该方法兼容主流浏览器甚至包括IE6可以大胆使用。 2、getElementsByTagName 该方法返回一个对象数组准确的说是HTMLCollection集合它不是真正意义上的数组每个对象分别对应着文档里有着给定标签的一个元素。类似于getElementById,同样该方法只提供一个参数它的参数是指定标签的名字示例代码如下 document.getElementsByTagname(li) //li是标签的名字 需要注意的是该方法除了能被document对象调用之外还可以被普通的元素调用。示例如下 var demo document.getElementById(demo);
var lis demo.getElementsByTagname(li); 同样该方法兼容主流浏览器甚至包括IE6可以大胆使用。 3、getElementsByClassName 除了通过指定标签获取元素外DOM还提供了getElementsByClassName方法来获取指定class名的元素。不过由于该方法比较新较老的浏览器还不支持比如IE6。不过我们可以通过hack方式来弥补老浏览器缺陷。该方法调用的方式如下所示 document.getElementsByClassName(demo) //demo为元素指定的class名 和getElementsByTagname一样 该方法除了能被document对象调用之外还可以被普通的元素调用。 对于比较老的浏览器比如IE6、7我们可以通过下面的hack方式来实现 function getElementsByClassName(node,classname){if(node.getElementsByClassName) {return node.getElementsByClassName(classname);}else {var results [];var elems node.getElementsByTagName(*);for(var i 0; i elems.length; i){if(elems[i].className.indexOf(classname) ! -1){results[results.length] elems[i];}}return results;}} 拓展 如果你不仅仅满足上面那些元素选择的方法想和JQuery一样能通过选择器来获取元素实现的方法和上面的 getElementsByClassName差不多如果有兴趣自己可以实现一套选择器。不过我觉得有上面的三个方法再结合事件冒泡已经够用了毕竟 这三种性能上算是优秀的。 Original linkerhttp://www.jb51.net/article/61737.htm转载于:https://www.cnblogs.com/XYQ-208910/p/5824994.html
