javascript - 在浏览器中使用javascript按类设置html输入元素的值？

Question

我需要基于类(class =“Qty”)设置一堆输入框的值

如果我使用 ElementID，这将有效

document.getElementById('G_Qty_0').value='101'

但这不起作用

document.getElementsByClassName('Qty').value='100'

是什么赋予了？

干杯!

Answer 1

document.getElementsByClassName返回 NodeList ，而不是单个元素。您可以遍历列表，例如:

var list = document.getElementsByClassName('Qty');
var n;
for (n = 0; n < list.length; ++n) {
    list[n].value='100';
}

或者，如果您知道只有一个匹配项(而您 知道 不会有零个匹配项):

document.getElementsByClassName('Qty')[0].value = '100';

您还可以查看 querySelector和 querySelectorAll ，因为它们实际上比 getElementsByClassName 得到更好的支持(特别是:IE8 支持它们，但没有 getElementsByClassName )。 querySelector查找文档中与给定 CSS 选择器匹配的第一个元素并返回该元素实例(或 null，如果没有)。 querySelectorAll返回 NodeList的所有匹配元素。 (这 NodeList 与 getElementsByClassName 返回的不完全相同，因为它是您调用电话时的快照，而不是实时 NodeList )。

例如:

document.querySelector('.Qty').value = '100';

或者:

var list = document.querySelectorAll('.Qty');
var n;
for (n = 0; n < list.length; ++n) {
    list[n].value='100';
}