使用Javascript获取所有html标签

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 个解决方案

解决方案1
8 2015-03-02 16:00:50

解决方案2
0 2015-03-02 16:00:57

解决方案3
0 2015-03-03 08:13:52

使用Javascript获取所有html标签

问题描述

3 个解决方案

解决方案1 8 2015-03-02 16:00:50

解决方案2 0 2015-03-02 16:00:57

解决方案3 0 2015-03-03 08:13:52

解决方案1
8 2015-03-02 16:00:50

解决方案2
0 2015-03-02 16:00:57

解决方案3
0 2015-03-03 08:13:52