document.getElementById和document.querySelector

document.getElementById和document.querySelector都是JavaScript中用于获取HTML元素的方法。它们有些相似，但也有一些区别。

1. document.getElementById：这是一个非常常用的方法，它通过给定元素的id属性来获取对应的元素。它返回一个表示该元素的DOM对象。如果找不到相应的元素，则返回null。

使用示例：

var element = document.getElementById("myElement");

2. document.querySelector：这是一个更灵活的方法，它允许使用CSS选择器来查找元素。它返回匹配选择器的第一个元素，如果找不到相应的元素，则返回null。

使用示例：

var element = document.querySelector("#myElement");var element = document.querySelector(".myClass");
var element = document.querySelector("input[name='myInput']");

区别：
- getElementById只能通过id属性获取元素，而querySelector可以使用更多的选择器（例如类名、标签名、属性等）来查找元素。
- getElementById只返回一个元素，而querySelector返回匹配选择器的第一个元素。
- getElementById是DOM对象的方法，而querySelector是Document对象的方法。