如何获取一组具有相似ID的元素的ElementById？

Question

我正在处理一项任务，我必须操作具有相似命名和 ID 元素的输入字段中的一些数据。

让我们说ID_1 ID_2或SCH_name SCH_start SCH_end之类的话。 例如，如果我想根据其 ID 前缀隐藏所有这些输入字段，是否有类似"包含"的东西可以做到这一点？

Answer 1

注意：也许你应该在你的元素中添加类。

<小时 />

您可以使用querySelectorAll

for(let elem of document.querySelectorAll("[id^=d]")){
console.log(elem.id)
}

<div id="d1">1</div>
<div id="d2">2</div>
<div id="d3">3</div>
<div id="w1">1</div>
<div id="w2">2</div>
<div id="w3">3</div>

Answer 2

你想要的可能是一个属性选择器(MDN(

[attr^=value]

表示属性名称为 attr 的元素，其值以值为前缀(前面(。

所以你的将是：

[id^="ID_"] {
}