Свойство ParentNode.lastElementChild
только для чтения. Возвращает последний дочерний элемент объекта или null
если нет дочерних элементов.
This property was initially defined in the ElementTraversal
pure interface. As this interface contained two distinct set of properties, one aimed at Node
that have children, one at those that are children, they have been moved into two separate pure interfaces, ParentNode
and ChildNode
. In this case, lastElementChild
moved to ParentNode
. This is a fairly technical change that shouldn't affect compatibility.
Синтаксис
var element = node.lastElementChild;
Пример
<ul id="foo">
<li>First (1)</li>
<li>Second (2)</li>
<li>Third (3)</li>
</ul>
<script>
var foo = document.getElementById('foo');
// yields: Third (3)
console.log(foo.lastElementChild.textContent);
</script>
Polyfill for IE8, IE9 and Safari
// Overwrites native 'lastElementChild' prototype.
// Adds Document & DocumentFragment support for IE9 & Safari.
// Returns array instead of HTMLCollection.
;(function(constructor) {
if (constructor &&
constructor.prototype &&
constructor.prototype.lastElementChild == null) {
Object.defineProperty(constructor.prototype, 'lastElementChild', {
get: function() {
var node, nodes = this.childNodes, i = nodes.length - 1;
while (node = nodes[i--]) {
if (node.nodeType === 1) {
return node;
}
}
return null;
}
});
}
})(window.Node || window.Element);
Спецификация
Specification | Status | Comment |
---|---|---|
DOM Определение 'ParentNode.lastElementChild' в этой спецификации. |
Живой стандарт | Splitted the ElementTraversal interface in ChildNode and ParentNode . This method is now defined on the latter.The Document and DocumentFragment implemented the new interfaces. |
Element Traversal Specification Определение 'ElementTraversal.lastElementChild' в этой спецификации. |
Устаревшая | Added its initial definition to the ElementTraversal pure interface and use it on Element . |
Совместимость с браузерами
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support (on Element ) |
1.0 | 3.5 (1.9.1) | 9.0 | 10.0 | 4.0 |
Support on Document and DocumentFragment |
29.0 | 25.0 (25.0) | Нет | 16.0 | Нет |
Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support (on Element ) |
(Да) | 1.0 (1.9.1) | (Да) | (Да) | (Да) |
Support on Document and DocumentFragment |
(Да) | 25.0 (25.0) | Нет | 16.0 | Нет |
Так же смотрите
- The
ParentNode
andChildNode
pure interfaces.