75. getElementById 和 querySelector 有什么区别？

[zlx362211854]

• getElementById只能选择id元素，写法固定

  document.getElementById('id')

• querySelector 参数可以是一个完整的css选择器

  // 获取文档中 class="a" 的第一个 <div> 元素
  document.querySelector("div.a");

[goldEli]

• 都用来获取文档节点
• querySelector 是一个新features
• 相较于 getElementById，querySelector 通过配置参数规则来获取节点，不仅仅通过id获取节点，比如 document.querySelector(".myclass") 可以通过 class 来获取节点

[nanslee]

• getElementById 只能用于获取指定 id 的 Dom 元素
• querySelector 通过传入 CSS 选择器用于获取满足条件的第一个 Dom 元素，与之对应的还有 queySelectorAll