因為要寫一個權限管理系統精確到每個標簽。以前用過的是給每個標簽加權限判斷的代碼。但感覺這種方式太麻煩和落后,向讓頁面加載時自動把每個標簽的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值遍歷出來,大家,可以根據自己需要優化代碼