参考 http://stackoverflow.com/questions/14377590/queryselector-and-queryselectorall-vs-getelementsbyclassname-and-getelementbyid 区别 querySelector是一个纯粹的CSS选择器 $()则是jQuery选择器 支持更多更高级的用法 比如:checked 另外CSS里面是 :first-child :nth-child(1) 而加Q里面则可以是 :first :las…

getElementBy系列 document.getElementsByTagName('tag'); document.getElementById('id'); document.getElementsByClassName('class'); 常见的获取元素的方法有3种,分别是通过元素ID.通过标签名字和通过类名字来获取. getElementById方法,这个方法将返回一个与之对应id属性的节点对象,它是document对象特有的函数,只能通过其来调用该方法,使用方法如下:docume…

querySelector和querySelectorAll的用法和getElementBy大致一样,获取的时候带上符号,getElementBy获取的是元素的动态集合,querySelector获取的是元素的静态集合. 但是需要注意:getElementBy系列和querySelector系列的区别 比如,我们写一个for循环,每次获取li标签的时候,ul生成一个li子元素 <ul id="ul"> <li>a</li> <li>b&l…

1. 通过类似于 document.getElementByTagName('div') 这种方式获取到的类数组,无法通过 forEach 进行遍历(可以通过for循环):而通过document.querySelectorAll(div)可以通过forEach 进行遍历. (1)首先看 getElementByTagName 的这种情况 网页表现 (2)然后看 querySelectorAll 的这种情况 网页表现 2. 通过 getElementBy** 获取这种方式获取到的数组是动态的:而…

1,querySelector() 方法返回匹配指定 CSS 选择器元素的第一个子元素 . 该方法只返回匹配指定选择器的第一个元素.如果要返回所有匹配元素,需要使用 querySelectorAll() 方法替代． 由于querySelector是按css规范来实现的,所以它传入的字符串中第一个字符不能是数字., 2, query选择符选出来的元素及元素数组是静态的,而getElement这种方法选出的元素是动态的.静态的就是说选出的所有元素的数组,不会随着文档操作而改变． 在使用的时候getE…

作者:简生 链接:https://www.zhihu.com/question/24702250/answer/28695133 来源:知乎 1. W3C 标准 querySelectorAll 属于 W3C 中的 Selectors API 规范 [1].而 getElementsBy 系列则属于 W3C 的 DOM 规范 [2]. 2. 浏览器兼容 querySelectorAll 已被 IE 8+.FF 3.5+.Safari 3.1+.Chrome 和 Opera 10+ 良好支持 .…

获取元素DOM对象有很多种方法,以前一直在用getElementById和getElementsByTagName等,现在对这些方法和querySelector做一个总结． 常见的获取元素的方法有3种,分别是通过元素ID.通过标签名字和通过类名字来获取. DOM提供了一个名为getElementById的方法,这个方法将返回一个与之对应id属性的节点对象,它是document对象特有的函数,只能通过其来调用该方法,使用方法如下:document.getElementById('idName');…

 轉載出處: http://www.zhihu.com/question/24702250 querySelectorAll 相比下面这些方法有什么区别? getElementsByTagName getElementsByClassName getElementsByName 1. W3C 标准querySelectorAll 属于 W3C 中的 Selectors API 规范 [1].而 getElementsBy 系列则属于 W3C 的 DOM 规范 [2]. 2. 浏览器兼容query…

1.常见的获取元素的方法有3种,分别是通过元素ID document.getElementById('idName');.通过标签名字document.getElementsByTagName(tagName);和通过类名字document.getElementsByClassName('className');来获取. 2.querySelector(‘.className') 方法返回匹配指定 CSS 选择器元素的第一个子元素 . 该方法只返回匹配指定选择器的第一个元素.如果要返回所有匹配元…

一.querySelector() 的定义 querySelector() 方法选择指定 CSS 选择器的第一个元素 querySelectorAll() 方法选择指定的所有元素 二.与 getElementBy 的区别 这两个新添加的 API 与 getElementById() / getElementsByTagName() 有什么区别呢? 举个例子: HTML 代码: <ul> <li>111</li> <li>222</li> <…