nextElementSibling 예제
<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").nextElementSibling.innerHTML; document.getElementById("demo").innerHTML = x; } </script> 결과보기
<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").nextElementSibling.innerHTML;
document.getElementById("demo").innerHTML = x;
}
</script>
결과보기