dom 获取所有标签 - Javascript (1)

📌 相关文章

📜 dom 获取所有标签 - Javascript (1)

📅 最后修改于: 2023-12-03 14:40:51.592000 🧑 作者: Mango

在 JavaScript 中，可以使用 DOM（文档对象模型）来访问和操作 HTML 文档中的元素。DOM 提供了多种方法来获取指定标签的元素，可以通过标签名、类名、ID、属性等方式来获取元素。

要获取 HTML 文档中的所有标签，可以使用 document.getElementsByTagName() 方法。该方法返回一个标签名称匹配指定参数的元素集合。

const allTags = document.getElementsByTagName('*');

上述代码将返回文档中所有的标签元素，包括 <html>、<body>、<div>、<p> 等等。注意，使用通配符 * 作为参数，表示获取所有元素。

下面是一个示例，演示如何使用 document.getElementsByTagName() 方法来获取文档中所有标签，并将其名称显示在控制台中。

const allTags = document.getElementsByTagName('*');
for (let i = 0; i < allTags.length; i++) {
  console.log(allTags[i].tagName);
}

使用 DOM 可以轻松获取 HTML 文档中的元素，可以根据标签名、类名、ID、属性等方式来获取指定的元素。document.getElementsByTagName() 方法可以获取文档中所有的标签元素，返回一个元素集合，可以进一步操作这些元素。