Свойство lastElementChild

Свойство lastElementChild даги охирги фарзанд элементни сақлайди. Фарзанд элементлар деб, блок ичида бевосита жойлашган барча теглар ҳисобланади. Агар элементда фарзанд элементлар бўлмаса - null қайтарилади.

Синтаксис

элемент.lastElementChild;

Мисол

Элементнинг охирги фарзандининг мундарижасини оламиз:

<div id="parent">
	<p>1</p>
	<p>2</p>
</div>

let parent = document.querySelector('#parent');
let text = parent.lastElementChild.textContent;

console.log(text);

Кодни ишга тушириш натижаси:

'2'

Мисол

Энди эса элементда фарзанд элементлар йўқ ва шу сабабдан null чиқади:

<div id="parent"></div>

let parent = document.querySelector('#parent');
console.log(parent.lastElementChild);

Кодни ишга тушириш натижаси:

null

Ҳам қаранг

свойство firstElementChild,
биринчи элементни ўз ичига олувчи
свойство children,
элементнинг барча фарзандларини ўз ичига олувчи
свойство lastChild,
охирги тугунни ўз ичига олувчи