Хосияти 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,
    ки аввалин гиреҳро дар бар мегирад