nextSibling 예제
<ul><li id="site">홈짱닷컴</li><li id="host">Homzzang.com</li></ul>
<button onclick="homzzang()">클릭</button>
<p id="demo"></p>
<script>
function homzzang() {
var x = document.getElementById("site").nextSibling.innerHTML;
document.getElementById("demo").innerHTML = x;
}
</script>
결과보기
결과값: Homzzang.com
주의: 공백은 노드로 간주됨. 따라서, <li> 요소 사이에 공백 존재 시, undefined 에러 남.
