• Q&A
  • 회원가입
  • 로그인

[DOM_Element] JS - firstChild 속성 ★ - 첫번째 자식노드

1,336  

firstChild 예제

 

<ul id="hz"><li>홈짱닷컴</li><li>Homzzang.com</li></ul>


<button onclick="homzzang()">클릭</button>


<p id="demo"></p>


<script>

function homzzang() {

  var site = document.getElementById("hz").firstChild.innerHTML;

  document.getElementById("demo").innerHTML = site;

}

</script>

 

결과보기

결과값: 홈짱닷컴

 

 

주의: 

 

1.

요소 안 공백은 text로 간주되며, text는 노드로 간주됨.

 

2.

첫 번째 <li> 앞에 공백 존재 시, 결과값은 "undefined" 나옴.


 


찾아주셔서 감사합니다. Since 2012