пример
Получить содержимое HTML последнего дочернего узла в <ul> элемента:
var x = document.getElementById("myList").lastChild.innerHTML;В результате х будет:
Tea Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
LastChild свойство возвращает последний дочерний узел указанного узла, как объект Node.
Разница между этим свойством и lastElementChild , что LastChild возвращает последний дочерний узел в качестве узла элемента, текстового узла или комментарий узла (depending on which one's last) в (ignores text and comment nodes) (depending on which one's last) того, (depending on which one's last) , в то время как lastElementChild возвращает последний дочерний узел в качестве узла элемента (ignores text and comment nodes) .
Примечание: Пробелы внутри элементов рассматривается как текст, а текст рассматривается в качестве узлов (See "More Examples") .
Это свойство только для чтения.
Совет: Используйте элемент .childNodes свойство возвращать любой дочерний узел указанного узла.
Совет: Для того, чтобы вернуть первый дочерний узел указанного узла, используйте FirstChild свойства.
Поддержка браузеров
| Имущество | |||||
|---|---|---|---|---|---|
| lastChild | да | да | да | да | да |
Синтаксис
node .lastChildТехнические подробности
| Возвращаемое значение: | Объект Узел, представляющий последний дочерний узел, или нуль , если нет дочерних узлов |
|---|---|
| DOM Version | Базовый уровень 1 Узел объект |
Еще примеры
пример
В этом примере мы покажем, как пробелы могут interfare с этим свойством.
Получить имя узла последнего дочернего узла в <div> элемент:
<!--
Whitespace inside elements is considered as text, and text is
considered as nodes
In this example, there is whitespace before <p>,
before <span> and after <span>
Therefore, the last child
node of <div> is a #text node, and not the <span> element you expected
-->
<div id="myDIV">
<p>Looks
like first child</p>
<span>Looks like last Child</span>
</div>
<script>
var x = document.getElementById( "myDIV" ).lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>В результате х будет:
#text Попробуй сам " пример
Однако, если убрать пробелы из источника, нет #text узлов в <DIV>, которые сделают <span> элемент последний дочерний узел:
<div id="myDIV"><p>First child</p><span>Last Child</span></div>
<script>
var x = document.getElementById( "myDIV" ).lastChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>В результате х будет:
SPAN Попробуй сам " пример
Получить текст последнего дочернего узла в <select> элемента:
var x = document.getElementById("mySelect").lastChild.text;В результате х будет:
Volvo Попробуй сам " Похожие страницы
HTML DOM ссылка: узел. FirstChild недвижимости
HTML DOM ссылка: узел. ChildNodes недвижимости
HTML DOM ссылка: узел. ParentNode недвижимости
HTML DOM ссылка: узел. NextSibling недвижимости
HTML DOM ссылка: узел. PreviousSibling недвижимости
HTML DOM ссылка: узел. NODENAME недвижимости