js中的getElementById和querySelector
2021-05-28 12:00
标签：查找 就是 循环 nts sel 文档 标签 tee 匹配 querySelector() 返回匹配指定选择器的第一个元素。 querySelectorAll() 返回所有的节点元素 语法 getElementsByTagName() //返回的是所有的节点，是一个类数组对象 getElementById(id) // 返回某个节点对象 语法 document.getElementById(id) //与selectot的区别是，参数为标签元素而不是css选择器 区别 getXXXByXXX 获取的是动态集合，querySelector获取的是静态集合。 简单的说就是，动态就是选出的元素会随文档改变，静态的不会，取出来之后就和文档的改变无关了。 对比案例 //demo1 //demo2 小总结： 如果只要一次查找就可得到元素时，首选getXXXByXXX ； 如果需要经过多级查找，才能得到元素时，首选querySelector； js中的getElementById和querySelector 标签：查找 就是 循环 nts sel 文档 标签 tee 匹配 原文地址：https://www.cnblogs.com/ldywebhome/p/14778189.html
document.querySelector(CSS selectors)
var ul = document.getElementsByTagName(‘ul‘)[0],
lis = ul.getElementsByTagName("li");
for(var i = 0; i ul.appendChild(document.createElement("li"));
}
console.log( lis.length); //6
var ul = document.querySelectorAll(‘ul‘)[0],
lis = ul.querySelectorAll("li");
for(var i = 0; i ul.appendChild(document.createElement("li"));
}
console.log( lis.length); //3
Demo1 中的 lis 是一个动态的 Node List， 每一次调用 lis 都会重新对文档进行查询，导致无限循环的问题。
上一篇：根据数组整合出选年月
下一篇：【解决】Teamcity VCS git-upload-pack not permitted on "https://xxxx.com/slankka.git/"
文章标题：js中的getElementById和querySelector
文章链接：http://soscw.com/index.php/essay/88654.html