Javascript：编辑表单字段的值？

Question

这是我的html：

<div class="myFormField">
     <input type="text" class="myFormField city" value="" name="city" id="city">
</div>

我正在尝试设置以下内容，但是它不起作用，在测试警报时返回未定义：

document.getElementsByClassName("myFormField city").value = "New York";

任何帮助表示赞赏，谢谢！

Answer 1

它应该是：

document.getElementsByClassName("myFormField city")[0].value = "New York";

请查看getElementsByClassName的文档：

“返回一组具有所有给定类名的元素。”

getElementsByClassName返回一组元素，因此您需要访问该元素集中的特定元素以为其赋予值-该元素的第一个元素为[0] ，第二个元素为[1] ，依此getElementsByClassName 。

jsFiddle在这里。

Answer 2

document.getElementsByClassName("myFormField city")

将返回元素数组

所以用

document.getElementsByClassName("myFormField city")[0].value

Answer 3

请注意， document.getElementsByClassName获取具有给定classname的元素数组。 所以你的代码应该是

document.getElementsByClassName("myFormField city")[0].value = "New York"

Answer 4

你也有身份证

document.getElementById("city").value = "New York";