js獲取頁面中所有元素程式碼例項

antzone發表於2017-04-09
JS

本章節通過簡單的程式碼例項介紹一下如何獲取頁面中的所有元素。

程式碼例項如下:

[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('*');
  odiv.innerHTML = eles.length;
}
</script>
</head>
<body>
<div id="antzone"></div>
</body>
</html>

上面的程式碼實現了我們的要求，通過var eles = document.getElementsByTagName('*')即可獲取頁面中所有的元素集合。

如果需要裡面的元素，可以通過for迴圈語句進行遍歷。

相關文章