javascript - 更改多个输入字段的值

Question

假设我有一些 ID 为“div1”、“div2”、“div3”等的 div。

我现在正在做的是:

document.getElementById('#div1').value='something';
document.getElementById('#div2').value='something';
document.getElementById('#div3').value='something';

但是如果我有 30 个 div，这会变得很烦人。我正在尝试使用“for”，但它不起作用:

for(var i=1; i<31; i++) {
    document.getElementById('#div'+i).value='something';
}

当我使用 .val() 函数 (jQuery) 时，我得到了同样的结果。

在这种情况下我做错了什么，伙计们？ :)

Answer 1

你有一些错误。首先，不要在 getElementById() 中使用 #。第二是 div 元素没有 .value 属性，请使用 innerHTML 代替。第三是您尝试访问多个元素通过它们的 id 而不是创建一个由所有元素共享的类。代码示例:

HTML:

<div id="div1" class="myDiv"></div>
<div id="div2" class="myDiv"></div>
<div id="div3" class="myDiv"></div>
<div id="div4" class="myDiv"></div>
<div id="div5" class="myDiv"></div>
<div id="div6" class="myDiv"></div>
...

jQuery:(有问题标记 - 最简单的示例)

$(function(){
    $('.myDiv').text('something');
});