пример
Получить содержимое HTML первого дочернего узла в <ul> элемента:
var x = document.getElementById("myList").firstChild.innerHTML;В результате х будет:
Coffee Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
FirstChild свойство возвращает первый дочерний узел указанного узла, как объект Node.
Разница между этим свойством и firstElementChild , что FirstChild возвращает первый дочерний узел в качестве узла элемента, текстового узла или комментарий узла (depending on which one's first) в (ignores text and comment nodes) (depending on which one's first) того, (depending on which one's first) , в то время как firstElementChild возвращает первый дочерний узел в качестве узла элемента (ignores text and comment nodes) .
Примечание: Пробелы внутри элементов рассматривается как текст, а текст рассматривается в качестве узлов (See "More Examples") .
Это свойство только для чтения.
Совет: Используйте элемент .childNodes свойство возвращать любой дочерний узел указанного узла. ChildNodes [0] будет производить один и тот же результат, как FirstChild.
Совет: Для того, чтобы вернуть последний дочерний узел указанного узла, используйте LastChild свойства.
Поддержка браузеров
| Имущество | |||||
|---|---|---|---|---|---|
| firstChild | да | да | да | да | да |
Синтаксис
node .firstChildТехнические подробности
| Возвращаемое значение: | Объект Узел, представляющий первый дочерний узел, или нуль , если нет дочерних узлов |
|---|---|
| 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 first child
node of <div> is a #text node, and not the <p> 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" ).firstChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>В результате х будет:
#text Попробуй сам " пример
Однако, если убрать пробелы из источника, нет #text узлов в <DIV>, который будет делать <p> элемент первый дочерний узел:
<div id="myDIV"><p>First child</p><span>Last Child</span></div>
<script>
var x = document.getElementById( "myDIV" ).firstChild.nodeName;
document.getElementById("demo").innerHTML = x;
</script>В результате х будет:
P Попробуй сам " пример
Получить текст первого дочернего узла в <select> элемента:
var x = document.getElementById("mySelect").firstChild.text;В результате х будет:
Audi Попробуй сам " Похожие страницы
HTML DOM ссылка: узел. LastChild недвижимости
HTML DOM ссылка: узел. ChildNodes недвижимости
HTML DOM ссылка: узел. ParentNode недвижимости
HTML DOM ссылка: узел. NextSibling недвижимости
HTML DOM ссылка: узел. PreviousSibling недвижимости
HTML DOM ссылка: узел. NODENAME недвижимости