如何在代码中定义动态getElementById？
提问于 2017-04-29 23:23:23
我们可以使用下面的代码来获取id：
document.getElementById("exampleid").value = 1;例如，页面代码是
<input id="exampleid" value="" />但我们不能只使用一次高级代码，因为id是不同的。
<input id="exampleid2" value="" />并且我们应该将代码更改为
document.getElementById("exampleid2").value = 1;现在我们如何定义动态id呢？像这样：
document.getElementById('/^exampleid/').value = 1;请注意，我们不希望每次html id更改时都更改代码。
回答 4
Stack Overflow用户
回答已采纳
发布于 2017-04-29 23:29:50
var eles = document.querySelectorAll("[id^=exampleid]");
for(var i = 0; i < eles.length; i++) {
eles[i].value = 1;
}Stack Overflow用户
发布于 2017-04-30 01:13:17
function replaceIdValue(idRegex, value) {
document.querySelectorAll(`[id^=${idRegex}]`).forEach(element =>
element.value = value
)
}
replaceIdValue('exampleid', 1)<input id="exampleid1" value="" />
<input id="exampleid2" value="" />
Stack Overflow用户
发布于 2017-04-30 01:19:31
当需要选择多个对象时，通常需要为它们添加一个class：
<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;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43701404
复制
相似问题
如何在React中更新ANTD文本输入字段(如getElementById)
Javascript动态GetElementByID
动态地计算代码(如eval())
动态document.getElementById()
如何在Dart中动态执行(如Eval)？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
