একটি লিস্ট এলিমেন্টের সিবলিং (sibling) বের করতে জাভাস্ক্রিপ্টে node.nextSibling মেথড দেওয়া আছে। যদি আমরা লিস্টের যেকোনো একটি মেম্বার জানি, তবে তার সিবলিং বের করতে পারি। সংক্ষেপে আলোচনা করা হলো।
সিনট্যাক্স
node.nextSibling;
উদাহরণ
নিচের উদাহরণে, ৩টি লিস্ট এলিমেন্ট আছে। 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
উদাহরণ (দ্বিতীয় এলিমেন্টের সিবলিং)
নিচের উদাহরণে, ৩টি লিস্ট এলিমেন্ট আছে। 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
