DOM操作中,getElementByXXXX 和 querySelector 的区别

时间:2022-06-23 10:59:23

1. 返回值:
    getElements返回动态集合:
      优: 首次查找效率高
      缺: 可能造成反复查找DOM树
    querySelector返回非动态集合:
      优: 包含完整属性,无需反复查找DOM树
      缺: 首次查找效率低
2. 易用性:
    querySelector更灵活, 且更简单
    getElements每次只能查找一种结果,无法设置查找条件,更繁琐
总结: 
    如果一次查找就能找到元素时,首选getElements
    如果查找条件复杂时,就用querySelector