firstElementChild ගුණාංගය

firstElementChild ගුණාංගය පළමු දරු අංගය අඩංගු කරයි. දරු අංග ලෙස කටු සටහන තුළ සෘජුවම පිහිටා ඇති සියලුම ටැග් සලකනු ලැබේ. මූලද්‍රව්‍යයකට දරු අංග නොමැති නම් - null ලබා දෙනු ලැබේ.

වාක්‍ය රචනය

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

උදාහරණය

මූලද්‍රව්‍යයේ පළමු දරුවාගේ අන්තර්ගතය ලබා ගනිමු:

html<div id="parent">
  <p>1</p>
  <p>2</p>
</div>
javascriptlet parent = document.querySelector('#parent');
let text = parent.firstElementChild.textContent;

console.log(text);

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

javascript'1'

උදාහරණය

දැන් මූලද්‍රව්‍යයට දරු අංග නොමැති බැවින් null පෙන්වනු ලැබේ:

html<div id="parent"></div>
javascriptlet parent = document.querySelector('#parent');
console.log(parent.firstElementChild);

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

javascriptnull

මෙයද බලන්න

  • lastElementChild ගුණාංගය,
    අවසාන මූලද්‍රව්‍යය අඩංගු කරයි
  • children ගුණාංගය,
    මූලද්‍රව්‍යයේ සියලුම දරු අංග අඩංගු කරයි
  • firstChild ගුණාංගය,
    පළමු නෝඩය අඩංගු කරයි