getElementById和querySelector方法

动态静态

getXXXByXXX 获取的是动态的element | elementsquerySelector | querySelectorAll获取的是静态的element | elements
静态不会跟随Document变化
例:





  
  
  
  Document



  
  • a

性能

点击测试

便捷性

querySelector | querySelectorAll支持css选择器,在多级查询中使用起来更便捷

参考文章: https://www.cnblogs.com/leaf930814/p/6660305.html

你可能感兴趣的:(getElementById和querySelector方法)