형제 찾기 목록 요소의 javascript는 node.nextSibling이라는 메소드를 제공했습니다. . 목록의 구성원을 알고 있으면 형제를 찾을 수 있습니다. 간단히 이야기해 보겠습니다.
구문
node.nextSibling;
예시
다음 예에는 3개의 목록 요소가 있습니다. nextSibling 속성 사용 첫 번째 요소의 형제가 발견되어 결과를 출력에 표시합니다.
<html>
<body>
<ul><li id="item1">Tesla</li><li id="item2">Spacex</li><li id="item3">Solarcity</li></ul>
<p id="next"></p>
<script>
var x = document.getElementById("item1").nextSibling.innerHTML;
document.getElementById("next").innerHTML = "The sibling element is "+" "+x;
</script>
</body>
</html>입니다. 출력
Tesla Spacex Solarcity The sibling element is Spacex
예시
다음 예에는 3개의 목록 요소가 있습니다. nextSibling 속성 사용 두 번째 요소의 형제 가 발견되어 출력에 결과를 표시합니다. 형제 요소는 대상 요소의 다음 요소일 뿐입니다.
<html>
<body>
<ul><li id="item1">Tesla</li><li id="item2">Spacex</li><li id="item3">Solarcity</li></ul>
<p id="next"></p>
<script>
var x = document.getElementById("item2").nextSibling.innerHTML;
document.getElementById("next").innerHTML = "The sibling element is "+" "+x;
</script>
</body>
</html>입니다. 출력
Tesla Spacex Solarcity The sibling element is Solarcity