果断的青椒 · Devexpress ...· 1 年前 · |
被表白的野马 · VSCode 常用技巧-腾讯云开发者社区-腾讯云· 1 年前 · |
才高八斗的咖啡 · javascript - Using ...· 1 年前 · |
小胡子的莴苣 · SQLite 中的各种限制 - ...· 1 年前 · |
睿智的熊猫 · 如何找出优化大Key与热Key,产生的原因和 ...· 1 年前 · |
我们可以使用下面的代码来获取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更改时都更改代码。
var eles = document.querySelectorAll("[id^=exampleid]");
for(var i = 0; i < eles.length; i++) {
eles[i].value = 1;
}
function replaceIdValue(idRegex, value) {
document.querySelectorAll(`[id^=${idRegex}]`).forEach(element =>
element.value = value
replaceIdValue('exampleid', 1)
<input id="exampleid1" value="" />
<input id="exampleid2" value="" />
当需要选择多个对象时,通常需要为它们添加一个
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;
被表白的野马 · VSCode 常用技巧-腾讯云开发者社区-腾讯云 1 年前 |