当字段没有ID但有名称时，如何设置文本输入字段的值。我无法使用document.getElementById

Question

我试图设置一个输入字段的值，但我无法为其分配ID，因此无法使用document.getElementById。 还有什么其他方法可以为该具有名称的文本输入字段分配值？

Answer 1

您可以使用基本的queryselector选择属性，然后将属性名称放在方括号[和]之间。 通过使用等号，属性也可以具有可选值。

这是一个工作示例：

 document.querySelector('[name=hello]').value = 'Hello World'

 <form> <input type="text" name="hello"> </form>

Answer 2

const el = document.getElementsByName('name')[0];
el.value = 'someValue';

Answer 3

此方法返回一个元素数组，因此您可能要访问该数组中的第一个元素。

现场示例：

 var myInput = document.getElementsByName("my-input")[0]; myInput.value = "Some Text";

 <input type="text" name="my-input">

Answer 4

例如，如果输入字段名为“ x”，其格式为名称为“ f”，则：

document.fxvalue = 'some value';

 function test() { document.fxvalue = 'It works!'; }

 <html> <body> <form name="f"> <input name="x" size="20"> <br> <input type="button" value="Test" onclick="test();"> </form> </body> </html>

当字段没有ID但有名称时，如何设置文本输入字段的值。 我无法使用document.getElementById