JS 어려움을 document.getElements 및 출력 HTML

Question

HTML 문서에서 나중에 기존 HTML 코드를 출력하려고합니다. 출력 할 HTML 코드를 변경할 수 없으며 JS에서만 그렇게 할 수 있습니다. 관련 코드가 다른 태그에 사용되는 클래스와 순서가없는 목록입니다

<ul class="styling">... 

var AllUl=document.getElementsByTagName("ul"); 
var AdminUL=AllUl.getElementsByClassName("styling"); 
var AdminHTML=AdminUL.outerHTML; 

모든 내가 명백한 경우 http://jsfiddle.net/fGF7g/3/

죄송 볼 수 있고 여기에 편집이어야합니다 JS 코드 오류, 나는 JS 초보자입니다.

Answer 1

getElementsByTagName는 주어진 태그 이름을 가진 요소의 목록을 반환과 같이 당신은 어떻게해야 : 문제는 그 document.getElementsByTagName 및 AllUL.getElementsByclassName 반환 배열입니다

var AllUl=document.getElementsByTagName("ul"); 
for(var i = 0; i < AllUl.length; i++) { 
    var AdminUL=AllUl[i].getElementsByClassName("styling"); 
} 

Answer 2

. 문제를 해결하려면 for 루프를 사용하여 해당 클래스 이름을 가진 요소를 반복해야합니다 (예 :

var AllUL=document.getElementsByTagName("ul"); 
for(var i = 0; i < AllUL.length; ++i) { 
    var AdminUL=AllUL[i].getElementsByClassName("styling"); 
}