使用香草Javascript查找ID包含字符串的所有DOM元素

Question

找到ID包含字符串的所有DOM元素，但是我想使用vanillaJS。我知道在here中有使用jQuery的解决方案，但是在这种情况下，我只想使用纯JavaScript。

我知道：

document.querySelectorAll("[id='parteOfanID']")

我们可以获取所有具有属性id的元素，其值为“ parteOfanID”。

谢谢

Answer 1

使用document.querySelectorAll()获得CSS选择器（如jQuery）并返回NodeList：

var elements = document.querySelectorAll('[id*="some text"]');

Answer 2

您可以将*=与属性选择器[]一起使用：

document.querySelectorAll('[id*="string_here"]')

console.log(document.querySelectorAll('[id*="identifier_"]').length);

<span id="test"></span>
<span id="identifier_1"></span>
<span id="identifier_2"></span>
<span id="identifier_3"></span>
<span id="test"></span>
<span id="identifier_4"></span>
<span id="test"></span>