गुण previousElementSibling

गुण previousElementSibling उसी जनक तत्व में स्थित पिछले तत्व को संदर्भित करता है। यदि ऐसा कोई तत्व नहीं है - तो null लौटाया जाता है।

वाक्य-विन्यास

javascriptतत्व.previousElementSibling;

उदाहरण

मान लीजिए एक तत्व #elem है। आइए इसके ऊपर वाले सहोदर तत्व का टेक्स्ट प्रिंट करें:

html<p>सहोदर</p>
<p id="elem">तत्व</p>
javascriptlet elem = document.querySelector('#elem');
let text = elem.previousElementSibling.textContent;

console.log(text);

कोड निष्पादन का परिणाम:

javascript'सहोदर'

उदाहरण

यदि ऊपर कोई सहोदर नहीं है या वह हमारे तत्व के जनक में स्थित नहीं है, तो null लौटाया जाता है:

html<p>सहोदर</p>
<div>
  <p id="elem">तत्व</p>
</div>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.previousElementSibling);

कोड निष्पादन का परिणाम:

javascriptnull

यह भी देखें

  • गुण nextElementSibling,
    जो नीचे वाले सहोदर तत्व (अगला तत्व) को संदर्भित करता है