Để tìm anh chị em của một phần tử danh sách javascript đã cung cấp một phương thức có tên là node.nextSibling . Nếu chúng tôi biết bất kỳ thành viên nào trong danh sách, chúng tôi có thể tìm thấy anh chị em của nó. Hãy thảo luận ngắn gọn về nó.
cú pháp
node.nextSibling;
Ví dụ
Trong ví dụ sau, có 3 phần tử danh sách. Sử dụng thuộc tính nextSibling phần tử anh em của phần tử đầu tiên được tìm ra và hiển thị kết quả trong đầu ra.
<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> Đầu ra
Tesla Spacex Solarcity The sibling element is Spacex
Ví dụ
Trong ví dụ sau, có 3 phần tử danh sách. Sử dụng thuộc tính nextSibling anh chị em của phần tử thứ hai được tìm ra và hiển thị kết quả trong đầu ra. Phần tử anh chị em không là gì ngoài phần tử tiếp theo của phần tử đích.
<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> Đầu ra
Tesla Spacex Solarcity The sibling element is Solarcity