在JavaScript中选择不带ID的元素

Question

我在更改shirts();的值方面遇到了一些问题。问题是没有为textbot分配id，因此textbox不起作用，getElementById也不起作用。

getElementsByName

我如何更改它的价值？

谢谢。

Answer 1

您可以改用名称：

var x = document.getElementsByName("custom_reason")[0];

Answer 2

一个选项是使用querySelector并使用attribute selectors包含所有元素的功能：

document.querySelector('input.textbox' +
                       '[type="text"][name="custom_reason"]' +
                       '[size="50"][maxlength="120"]' +
                       '[value=""]').value = 'foo';

<input type="text" class="textbox" name="custom_reason" size="50" maxlength="120" value="">

如果name是唯一的，您可能希望使用getElementsByName（Fiddle）：

document.getElementsByName('custom_reason')[0].value = 'foo';

注意还有更多，比如迭代所有输入或使用jQuery。