गुण 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

यह भी देखें