如何獲取所有HTML元素的ID？

Question

我使用java腳本動態添加HTML控件。例如，我的頁面上有一個按鈕。每當我點擊按鈕時，它都會在UI頁面上的HTML控件上創建。所以，我想爲控件添加點擊事件。是否有可能獲得所有的UI控件ID？

Answer 1

的可能是最好的解決問題的方法是使用event delegate

假設你的jQuery（> = 1.7 ）的介紹，事情會很簡單，只需添加一個自定義類，如control到您的控制：

$(document).on(
    'click', 
    '.control', 
    function(e) { 
     var control = e.target; 
     // Work you handler 
    } 
); 

Answer 2

$('[id]')返回所有設置了id的元素。

但要注意

這將是一個大DOM相當緩慢

Answer 3

我不認爲這是一個好主意，獲取所有元素的的ID，但是：

var elements = document.querySelectorAll("[id]"); 

爲了更好的跨瀏覽器的支持，我建議你jQuery的：

$("[id]"); 

否則你必須得到所有的元素並通過id過濾。例如：

var allElements = document.getElementsByTagName("*"); 
var elements = []; 

for (var i = 0, node; node = allElements[i++];) 
    if (node.id) elements.push(node);