| 序号 | querySelector | getElementBy | 对比 |
|---|---|---|---|
| 1 | 报错 | 返回html元素 | 输入第一个字符是数字 |
| 2 | 返回匹配到的第一个元素 | 返回匹配到的第一个元素 | 匹配多个相同元素 |
| 3 | 相同ID使用querySelectorAll可以匹配到，返回NodeList集合 | 不支持查多个ID，通过其他方式getElementsByClassName返回的是HTML元素集合 | 匹配多个元素 |
| 4 | 获取到的结果，元素更新后不会改变（静态的） | 获取到的结果，元素更新后会改变（动态的） | 元素更新 |
| 5 | 属于W3C中的【Selector规范】，接收参数是【css选择符】 | 属于W3C的【DOM规范】，接收参数是【字符串】 | 不同规范 |
| 6 | querySelectorAll: 0.74365234375 ms | getElementsByTagName: 0.158935546875 ms | 性能（同时查找1000次） |
相同点：
序号querySelectorgetElementBy对比1报错返回html元素输入第一个字符是数字2返回匹配到的...
已学 querySelector和document.getElement有什么区别？ webpack proxy代...
在上一节中，我们学习了DOM树和遍历DOM相关的知识。可以通过firstChild（或firstElementCh...
function showBtn(argument) {// body...document.getElement...
function showBtn(argument) {// body...document.getElement...
let a =$('#go'); a.attr('href', res); document.getElement...
var oBtn1 = document.getElement...
document.getElementById() 通过Id获取元素 oEle.getElement...
代码： Hello World! The dom si very usefui 演示 getElement...
全屏 退出全屏 function showFull(){var full=document.getElement...
本文标题：33.querySelector和getElement的区别
本文链接：https://www.haomeiwen.com/subject/dgkzcrtx.html
网友评论