美文网首页工作生活
getElementById()、querySelector()

getElementById()、querySelector()

作者: 糕糕AA | 来源:发表于2019-07-02 19:41 被阅读0次

"querySelector 属于 W3C 中的 Selectors API 规范 。而 getElementsBy 系列则属于 W3C 的 DOM 规范"

  1. 区别:getXXXByXXX 获取的是动态集合,querySelector获取的是静态集合。
    简单的说就是,动态就是选出的元素会随文档改变,静态的不会,取出来之后就和文档的改变无关了。
  2. 性能:getXXXByXXX,获取的若是动态nodelist,那么每一次调用都会重新对文档进行查询,导致无限循环的问题
  3. 选择:如果只要一次查找就可得到元素时,首选getXXXByXXX ;
    如果需要经过多级查找,才能得到元素时,首选querySelector

相关文章

网友评论

    本文标题:getElementById()、querySelector()

    本文链接:https://www.haomeiwen.com/subject/bkothctx.html