如何为元素分配内容？

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将返回一个类名为current的html DOM对象数组 因此，您有责任通过向其添加数组索引来指定要定位的元素。

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