nextElementSibling ගුණය

nextElementSibling ගුණය එම ප්‍රභූව තුල පිහිටා ඇති ඊළඟ මූලද්‍රව්‍යය අඩංගු කරයි. එවැනි මූලද්‍රව්‍යයක් නොමැති නම් - null ලබා දෙනු ලැබේ.

වාක්‍ය රචනා ක්‍රමය

javascriptමූලද්‍රව්‍යය.nextElementSibling;

උදාහරණය

#elem මූලද්‍රව්‍යයක් ඇතැයි සිතමු. එහි පහල අසල්වැසියාගේ පෙළ අපි එළියට දමමු:

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

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

console.log(text);

කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:

javascript'sibling'

උදාහරණය

පහල අසල්වැසියෙක් නොමැති නම් හෝ ඔහු අපගේ මූලද්‍රව්‍යයේ ප්‍රභූව තුල නොපිහිටා ඇත්නම්, null ද ලබා දෙනු ලැබේ:

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

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

කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:

javascriptnull

මෙයත් බලන්න