자바 스크립트에서 목록 항목 변경하기

Question

전체 문서에서 목록 항목을 변경하려고합니다. 다음 코드를 사용하고 있지만 오류가 발생합니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

Fiddle

Answer 1

document.getElementsByTagName() 지정된 태그 이름을 가진 요소의 HTMLCollection을 반환하기 때문에

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

.

각 요소를 반복하여 클래스를 추가해야합니다. 예를 들어

:

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

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

• className

Answer 2

getElementsByTagName 돌려 NodeList, 당신은 그것을 반복해야합니다.

두 레벨의 태그가 있으므로 중첩 루프를 작성해야합니다. 그러나 querySelectorAll으로 모든 목록 항목을 한꺼번에 가져 오는 것이 더 간단합니다.

function changeListItems() { 
    var docItem = document.querySelectorAll("ul li"); 
    for (var i = 0; i < docItem.length; i++) { 
     docItem[i].setAttribute("class", "list-group-item"); 
    } 
}