選擇html頁面中沒有id的元素

Question

我的HTML中有多個按鈕，我只想選擇那些沒有id屬性的按鈕。

要選擇我使用這個腳本，它返回所有按鈕的所有按鈕：

var buttonNodesList = document.querySelectorAll('button'); 

我GOOGLE了一下，我發現，要得到誰擁有ID的所有按鈕，我已經使用腳本像這樣：

var buttonNodesList = document.querySelectorAll('button[id]'); 

那麼沒有任何方法可以返回沒有ID的按鈕嗎？

Answer 1

在許多現代的瀏覽器可以使用:not：

var buttonNodesList = document.querySelectorAll('button:not([id])'); 

如果你想更廣泛的瀏覽器支持，可以使用這樣的事情：

var buttonNodesList = [].slice.call(document.getElementsByTagName('button'),0) 
    .filter(function(button) { 
    return button.getAttribute('id') === null; 
    }); 

就剩下你一個數組，而不是一個NodeList並且只有當你有一個shim for filter時才支持大多數瀏覽器。