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> 결과보기
<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" 나옴.
1.
요소 안 공백은 text로 간주되며, text는 노드로 간주됨.
2.
첫 번째 <li> 앞에 공백 존재 시, 결과값은 "undefined" 나옴.
