भाई-बहन को खोजने के लिए सूची तत्व के जावास्क्रिप्ट ने 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