বৈশিষ্ট্য nextElementSibling

nextElementSibling বৈশিষ্ট্যটি একই অভিভাবকের মধ্যে থাকা পরবর্তী উপাদান ধারণ করে। যদি এমন কোন উপাদান না থাকে - null ফেরত দেওয়া হয়।

বাক্য গঠন

element.nextElementSibling;

একটি উপাদান দেওয়া আছে #elem। আসুন এর নীচের প্রতিবেশীর টেক্সট আউটপুট করি:

<p id="elem">elem</p>
<p>sibling</p>

let elem = document.querySelector('#elem');
let text = elem.nextElementSibling.textContent;

console.log(text);

কোড এক্সিকিউশনের ফলাফল:

'sibling'

যদি নীচের কোন প্রতিবেশী না থাকে বা এটি আমাদের উপাদানের অভিভাবকের মধ্যে অবস্থিত না হয়, তাহলেও null ফেরত দেওয়া হয়:

<div>
	<p id="elem">elem</p>
</div>
<p>sibling</p>

let elem = document.querySelector('#elem');
console.log(elem.nextElementSibling);

কোড এক্সিকিউশনের ফলাফল:

null