遍歷獲取html頁面所有元素的id


因為要寫一個權限管理系統精確到每個標簽。以前用過的是給每個標簽加權限判斷的代碼。但感覺這種方式太麻煩和落后,向讓頁面加載時自動把每個標簽的id掃描到並保存到數據庫。通過id控制。研究了下實現代碼如下:

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="1">1111111</div>
<button id="2">222222222</button>
<input id="3" type="text" value="33"/>

</body>
<script type="text/javascript">
  
    // 獲取當前頁面的所有對象內容
    var _docc = window.document.all;
    console.log(_docc);
    // 遍歷每一個對象
    for (var i=0 ;i<_docc.length;i++){
        var _dc = _docc[i];
        console.log("window.document.all="+_dc);
        // 獲取的每個id的node節點
        var id = _dc.getAttributeNode("id");
        console.log("getAttributeNode=");
        console.log(id);
        // 當前標簽的id的值
        var id = _dc.getAttribute("id");
        console.log("getAttribute="+id);
    }



</script>
</html>

結果:可以看到一件將body中的所有元素id值遍歷出來,大家,可以根據自己需要優化代碼


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM