getElementById和querySelector区别
Posted it-ren
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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选择符则比较方便
以上是关于getElementById和querySelector区别的主要内容，如果未能解决你的问题，请参考以下文章
document.getElementById("test").value 和 document.getElementById("test").innerHTM