javascript - getElementsByClassName 更改输入值

Question

我有一个 javascript 包含的输入标记。生成的输入标签如下所示:

<input class="mylivechat_prechat_name_box mylivechat_prechat_box" type="text">

有什么方法可以将变量添加到输入标记值的末尾吗？

我尝试使用 JavaScript 来设置表单字段:

var myClassName =  document.getElementsByClassName('mylivechat_prechat_name_box mylivechat_prechat_box');
i = myClassName.length;
myClassName[i].value = "TheseAreMyChanges";

但是，我收到错误

Uncaught TypeError: Cannot set property 'value' of undefined

Answer 1

数组是从零开始的，因此如果您读取长度并使用该索引，它会比最高元素多1。尝试读取数组边界之外的元素将返回 undefined - 因此请使用 length-1:

var myClassName =  document.getElementsByClassName('mylivechat_prechat_name_box mylivechat_prechat_box');
var i = myClassName.length;
myClassName[i-1].value = "TheseAreMyChanges";