Атрибут lastElementChild HTML DOM

Объект элемента HTML DOM

ЭтотlastElementChildЧтение только атрибут возвращает последний подэлемент заданного родительского элемента.

Если у родительского элемента нет подэлементов, то этот метод вернетnullзначение.

ИспользуйтеchildrenАтрибут возвращает любые подэлементы заданного родительского элемента.

Чтобы вернуть первый подэлемент заданного родительского элемента, используйтеfirstElementChildАтрибут.

Грамматика:

ParentElement.lastElementChild

<div>
　　　<p>Это первый P в DIV</p>
　　　<p>Это второй P в DIV</p>
　　　<p>Это третий P в DIV</p>
</div>
<script>
var x = document.querySelector("div").lastElementChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Совместимость с браузерами

lastElementChild атрибут поддерживается всеми браузерами:

Технические детали

Более примеры

Получить HTML-контент последнего ребенка элемента DIV:

<div>
　　　<p>Это первый P в DIV</p>
　　　<p>Это второй P в DIV</p>
　　　<p>Это третий P в DIV</p>
</div>
<script>
var x = document.querySelector("div").lastElementChild.textContent;
document.getElementById("result").innerHTML = x;
</script>

Изменить HTML-контент последнего ребенка элемента DIV:

var div = document.querySelector("div");
div.lastElementChild.textContent = "HELLO WORLD";

См. также

Референс по HTML DOMСвойство firstElementChild

Объект элемента HTML DOM