尝试 GetElementsByClassName [关闭]答案

【问题标题】：Try GetElementsByClassName [closed]尝试 GetElementsByClassName [关闭]
【发布时间】：2020-12-30 17:39:04
【问题描述】：

尝试 js ref_doc_getelementsbyClassName

“未捕获的类型错误：无法设置属性‘值’为空”

这个HTML代码

<input type="text" class="form-control" class="test"  />

这个JS代码

function inputtest() {
  document.getElementsByClassName('test').value = selectedControl;
}

【问题讨论】：

将 document.getElementsByClassName('test') 更改为 document.getElementsByClassName('test')[0] 因为选择类名返回数组
您不能在一个input 中定义两种类类型。 - 添加与form-control 具有相同类的test - 像这样=> class="form-control test"
getElementsByClassName 给出一个数组而不是一个对象。试试document.getElementsByClassName('test') && document.getElementsByClassName('test')[0].value = selectedControl
我试试这个，但还是一样的 .. document.getElementsByClassName('test') && document.getElementsByClassName('test')[0].value = selectedControl
好的，首先要合并你的类，如class="form-control test"，并使用CSS选择器，如querySelector('.test').value = selectedControl，但这document.getElementsByClassName('test')[0].value = selectedControl似乎可以工作

【解决方案1】：

更改您的 html：

<input type="text" class="form-control test"  />

function inputtest() {
  document.getElementsByClassName('test')[0].value = selectedControl;
}

【讨论】：