使用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