选择具有相同标签的所有元素 - Javascript

在Javascript中，我们可以使用DOM（Document Object Model）来操作HTML文档中的元素。其中一个最常用的任务之一是选择HTML元素。

当需要选择具有相同标签的所有元素时，我们可以使用以下方法：

1. 使用getElementsByTagName()方法

getElementsByTagName()方法可以返回具有给定标签名称的所有元素的集合。这个方法接受一个参数，也就是标签名称，并且返回一个HTMLCollection类型的集合。下面是一个例子：

let allDivs = document.getElementsByTagName("div");

这将返回一个包含所有

2. 使用querySelectorAll()方法

querySelectorAll()方法可以返回与指定CSS选择器匹配的所有元素的节点列表。这个方法接受一个参数，也就是CSS选择器，并且返回一个NodeList类型的节点列表。下面是一个例子：

let allDivs = document.querySelectorAll("div");

这将返回一个包含所有

需要注意的是，HTMLCollection和NodeList是两个不同的对象类型。HTMLCollection对象具有自己的一些方法，而NodeList对象则具有自己的一些方法。

以上就是选择具有相同标签的所有元素的两种方法。在需要遍历获取所有元素，或者对获取到的元素列表进行操作的时候，需要注意使用合适的方法并结合使用其他DOM方法来进行操作。

参考资料

• Element.getElementsByTagName() - Web API 接口参考 | MDN
• Document.querySelectorAll() - Web API 接口参考 | MDN