Question

有谁知道如何获取页面中存在的所有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

Answer 1

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

var all = document.getElementsByTagName("*");

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

Answer 2

它是一个非常简单的Javascript

document.querySelectorAll('*')

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

另一个例子是getElementsByTagName

这些会打印成数组，因此您可以遍历元素并在不同元素上执行不同的操作。

示例：

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

Answer 3

我使用getElementsByTagName和.tagName为返回数组中的每个值执行此操作。

使用Javascript获取所有html标签

3 个答案: