querySelector与getElementBy的区别

Posted Isabel4u

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了querySelector与getElementBy的区别相关的知识,希望对你有一定的参考价值。

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

由于querySelector是按css规范来实现的,所以它传入的字符串中第一个字符不能是数字.,

2,

query选择符选出来的元素及元素数组是静态的,而getElement这种方法选出的元素是动态的。静态的就是说选出的所有元素的数组,不会随着文档操作而改变. 
在使用的时候getElement这种方法性能比较好,query选择符则比较方便.

以上是关于querySelector与getElementBy的区别的主要内容,如果未能解决你的问题,请参考以下文章

如何将条件反应与 document.querySelector 关联?

JavaScript中 querySelector 与 getElementById 方法的区别

为啥 querySelector 不能与 v-for 一起使用?

querySelector与getElementBy的区别

getElement与querySelector的区别

(getElementBy**)与 querySelector(querySelectorAll) 的区别