獲取頁面中所有元素的節點型別

antzone發表於2017-04-09
型別

本章節介紹一下如何獲取所有元素中的節點型別。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<script>
window.onload = function () {
  var odiv = document.getElementById("antzone");
  var eles = document.getElementsByTagName('*');
  var str = "";
  for (var index = 0; index < eles.length; index++) {
    str =str + eles[index].tagName + "<br/>";
  }
  odiv.innerHTML = str;
}
</script>
</head>
<body>
<div id="antzone"></div>
</body>
</html>

上面的程式碼實現了我們的要求，程式碼比較簡單更多內容可以參閱相關閱讀。

相關閱讀:

（1）.getElementsByTagName()方法可以參閱document.getElementsByTagName()一章節。

（2）.tagName屬性可以參閱javascipt tagName一章節。

（3）.innerHTML屬性可以參閱js innerHTML一章節。

相關文章