लिस्ट एलिमेंट के सिबलिंग को खोजने के लिए जावास्क्रिप्ट ने 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
