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

මෙයද බලන්න