javascript - 如何将内容分配给元素？

Question

我在尝试将内容分配给变量时遇到了麻烦。

我有

 var test=document.getElementsByClassName('current')
 var title='test name';
 //doesn't show in my div element.
 test.innerHTML=title;

但它没有显示在当前元素中

我的 html

<div class='current'> </div>

无论如何我可以尝试解决这个问题吗？非常感谢。

Answer 1

document.getElementsByClassName返回一个元素数组 NodeList。您必须迭代该列表或获取第一个元素（如果这是您要修改的元素），然后设置该元素的 innerHTML：

test[0].innerHTML = title

Answer 2

变量 test 将返回一个具有类名的 html DOM 对象数组current 因此，您有责任通过向其附加数组索引来指定要定位的元素。

var test=document.getElementsByClassName('current')[0] 
//return the first found DOM object with the matching class