js中document.querySelector和document.getElementsByTagName有什么区别

`document.querySelector` 和 `document.getElementsByTagName` 是用于获取文档中的元素节点的方法，但它们有以下区别：

- `document.querySelector` 是使用 CSS 选择器语法来获取文档中符合条件的第一个元素节点，而 `document.getElementsByTagName` 是获取文档中指定标签名的所有元素节点。

- `document.querySelector` 返回的是一个元素节点对象，而 `document.getElementsByTagName` 返回的是一个类似数组的 HTMLCollection 对象，需要通过索引来访问其中的元素节点。

- `document.querySelector` 支持更复杂的选择器语法，可以选择元素的属性、子元素，甚至是伪元素，而 `document.getElementsByTagName` 只能根据标签名来选择元素节点。

因此，如果需要获取文档中符合复杂条件的第一个元素节点，建议使用 `document.querySelector`；如果需要获取文档中指定标签名的所有元素节点，建议使用 `document.getElementsByTagName`。