[DOM_Element] JS - children 속성 ★ - 자식요소노드 (IE9 이상)

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