在javascript中更改列表项

Question

我正在尝试更改整个文档中的列表项.我正在使用以下代码,但是我收到了一个错误.我究竟做错了什么？

function changeListItems() {
var listItem = document.getElementsByTagName("ul");
var docItem = listItem.getElementsByTagName("li");
docItem.setAttribute("class", "list-group-item");
};
changeListItems();

小提琴

Answer 1

因为document.getElementsByTagName()返回具有给定标记名称的元素的HTMLCollection.

你应该循环遍历每个元素并向其添加类.

对于Ex:

var docItem = listItem.getElementsByTagName("li");

for(var i=0; i< docItem.length; i++)
{
  docItem[i].className = "list-group-item"
}

• className