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> 결과보기
<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 이상 : 요소노드만.