使用Javascript获取所有html标签

Get all html tags with Javascript

本文关键字：html 标签 Javascript 获取 使用      更新时间：2023-09-26

有人知道我如何获得页面中存在的所有HTML标记吗？我只需要获得没有ID或其他属性的标签，并创建一种它们的树结构。更喜欢使用Javascript或JQuery。

例如，此HTML代码：

<html>
  <head>
    <title>
      Example Page 
  </title>
  </head>
  < body>
    <h1 style="somestyle">
      Blabla
  </h1>
  <div id="id">
    <table id="formid">
      <tr>
        <td>
        </td>
      </tr>
      </table>
  </div>
  </body>
</html>

应返回返回：

html
头部
标题
身体
h1
div
表
tr
td

您可以将*传递给getElementsByTagName()，以便它返回页面中的所有元素：

var all = document.getElementsByTagName("*");
for (var i=0, max=all.length; i < max; i++) {
     // Do something with the element here
}

这是一个非常简单的Javascript

document.querySelectorAll('*')

在控制台日志中尝试一下，它会显示文档中的所有标记。

另一个例子是getElementsByTagName

这些元素打印成一个数组，这样您就可以循环遍历这些元素，并在不同的元素上做不同的事情。

示例：

var items = document.getElementsByTagName("*");
for (var i = 0; i < items.length; i++) {
    //do stuff
}

我对返回数组中的每个值使用getElementsByTagName和.tagName。

相关文章：