getElementById和querySelector区别

1.常见的获取元素的方法有3种,分别是通过元素ID document.getElementById('idName');、通过标签名字document.getElementsByTagName(tagName);和通过类名字document.getElementsByClassName('className');来获取。

2.querySelector(‘.className') 方法返回匹配指定 CSS 选择器元素的第一个子元素 。 该方法只返回匹配指定选择器的第一个元素。如果要返回所有匹配元素,需要使用 querySelectorAll(‘.className') 方法替代.

3.querySelector与getElementBy等的区别
1-由于querySelector是按css规范来实现的,所以它传入的字符串中第一个字符不能是数字.
2-query选择符选出来的元素及元素数组是静态的,而getElement这种方法选出的元素是动态的。静态的就是说选出的所有元素的数组,不会随着文档操作而改变.
在使用的时候getElement这种方法性能比较好,query选择符则比较方便




原文地址:https://www.cnblogs.com/it-Ren/p/10659275.html