Javascript 如何在代码中定义动态getElementById？

我们可以使用此代码获取id:

document.getElementById("exampleid").value = 1;

例如，页面代码是

<input id="exampleid" value="" />

我们应该把代码改成

document.getElementById("exampleid2").value = 1;

现在我们如何定义动态id？比如：

document.getElementById('/^exampleid/').value = 1;

注意，我们不希望每次html id更改时都更改代码。

var eles=document.queryselectoral（“[id^=exampleid]”）；
var eles = document.querySelectorAll("[id^=exampleid]");

for(var i = 0; i < eles.length; i++) {
    eles[i].value = 1;
}

对于（变量i=0；i

函数replaceIdValue（idRegex，value）{
document.querySelectorAll（`[id^=${idRegex}]`）.forEach（元素=>
element.value=value
)
}
replaceIdValue（'exampleid'，1）

---

当需要选择多个对象时，通常需要向其添加

类

：

<input type="text" id="exampleid1" class="exampleid" value="" />
<input type="text" id="exampleid2" class="exampleid" value="" />
<input type="text" id="exampleid3" class="exampleid" value="" />

Var-arofele；
对于（var i=0；为了澄清，您需要更改每个id以
exampleid
开头的元素的值。例如
exampleid1
，
exampleid2
？如果所有元素都是类型input，为什么不过滤这些元素以返回您想要的元素呢！您不能使用
class
而不是
id
和c>所有
getElementsByClassName
？
<input type="text" id="exampleid1" class="exampleid" value="" />
<input type="text" id="exampleid2" class="exampleid" value="" />
<input type="text" id="exampleid3" class="exampleid" value="" />

var elements = document.getElementsByClassName('exampleid');
for ( var index in elements ) {
    var elem = elements[index];
    elem.value = 1;
}

Var arofele;
for(var i=0;i<n;i++;)
{
var t="ele"+i;
arofele[i]=document.getElementById(t);
}