选择不以特定ID开头的所有元素

Question

有没有办法让所有不以JavaScript中的foo开头的元素？

我尝试了以下内容：

var elements = document.querySelectorAll('[id!=foo]');

那不起作用。

基本上我想要与之相反：

var elements = document.querySelectorAll('[id^=foo]');

Answer 1

使用:not() selector：

document.querySelectorAll(":not([id^='foo'])");

Answer 2

您可以使用:not pseudo selector来匹配除[id^="foo"]以外的所有内容：

var elements = document.querySelectorAll(':not([id^=foo])');

Answer 3

只需选择全部，然后过滤掉ID为

的那个

document.querySelectorAll("*").filter(...)