HTML DOM свойство firstChild

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

firstChildЧтение только одного атрибута возвращает первый подузел указанного узла в виде объекта Node.

Если указанный узел не имеет подузлов, этот метод вернетПустоЗначение.

Пробельные символы внутри элемента считаются текстом, а текст считывается как узел. Комментарии также считаются узлами.

Чтобы избежать проблем с возвращает #text или #comment узелами, можно использоватьfirstElementChildВозвращает только первый элементный узел.

Чтобы получить последний подузел указанного узла, используйтеlastChildАтрибуты.

Грамматика:

node.firstChild

<div>
　　　<p>Это P-элемент во первом DIV</p>
　　　<p>Это P-элемент во втором DIV</p>
　　　<p>Это третий P в DIV</p>
</div>
<script>
var x = document.querySelector("div").firstChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

Но, если мы удалим пробелы между DIV и первым P-элементом, результат будет тегом P, а не #text:

<div><p>Это P-элемент во первом DIV</p>
　　　<p>Это P-элемент во втором DIV</p>
　　　<p>Это третий P в DIV</p>
</div>
<script>
var x = document.querySelector("div").firstChild.nodeName;
document.getElementById("result").innerHTML = x;
</script>

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

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

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

См. также

Референс по HTML DOM:node Свойство .lastChild

Референс по HTML DOM:node Свойство .childNodes

Референс по HTML DOM:node Свойство .parentNode

Референс по HTML DOM:node Свойство .nextSibling

Референс по HTML DOM:node Свойство .previousSibling

Референс по HTML DOM:node Свойство .nodeName

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