children 예제
<button onclick="homzzang()">클릭</button>
<div id='box'>
<h1>홈짱닷컴</h1>
<h3>Homzzang.com</h1>
<p>홈페이지 제작관리</p>
</div>
<p id="demo"></p>
<script>
function homzzang() {
var box = document.getElementById('box');
var c = box.children;
var txt = "";
var i;
for (i = 0; i < c.length; i++) {
txt = txt + c[i].tagName+ "<br>";
}
document.getElementById("demo").innerHTML = txt;
}
</script>
결과보기
결과값:
H1
H3
P
반환값 차이:
IE9 미만 : 요소노드 + 주석노드
IE9 이상 : 요소노드만.