首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在代码中定义动态getElementById?

如何在代码中定义动态getElementById?
EN

Stack Overflow用户
提问于 2017-04-30 07:23:23
回答 4查看 188关注 0票数 -2

我们可以使用下面的代码来获取id:

代码语言:javascript
复制
document.getElementById("exampleid").value = 1;

例如,页面代码是

代码语言:javascript
复制
<input id="exampleid" value="" />

但我们不能只使用一次高级代码,因为id是不同的。

代码语言:javascript
复制
<input id="exampleid2" value="" />

并且我们应该将代码更改为

代码语言:javascript
复制
document.getElementById("exampleid2").value = 1;

现在我们如何定义动态id呢?像这样:

代码语言:javascript
复制
document.getElementById('/^exampleid/').value = 1;

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

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2017-04-30 07:29:50

代码语言:javascript
复制
var eles = document.querySelectorAll("[id^=exampleid]");

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

Stack Overflow用户

发布于 2017-04-30 09:13:17

代码语言:javascript
复制
function replaceIdValue(idRegex, value) {
  document.querySelectorAll(`[id^=${idRegex}]`).forEach(element =>
    element.value = value
  )
}

replaceIdValue('exampleid', 1)
代码语言:javascript
复制
<input id="exampleid1" value="" />
<input id="exampleid2" value="" />

票数 0
EN

Stack Overflow用户

发布于 2017-04-30 09:19:31

当需要选择多个对象时,通常需要为它们添加一个class

代码语言:javascript
复制
<input type="text" id="exampleid1" class="exampleid" value="" />
<input type="text" id="exampleid2" class="exampleid" value="" />
<input type="text" id="exampleid3" class="exampleid" value="" />

然后,您可以通过它们的公共类来选择所有它们:

代码语言:javascript
复制
var elements = document.getElementsByClassName('exampleid');
for ( var index in elements ) {
    var elem = elements[index];
    elem.value = 1;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43701404

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档