MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

Свойство Node.firstChild только для чтения, возвращающее первый потомок узла в древе или null, если узел является бездетным. Если узел это документ, он возвращает первый узел в списке своих прямых детей.

Синтаксис

var childNode = node.firstChild;

Описание

childNode это ссылка на первый потомок node, если таковой имеется, в противном случае это null.

Пример

Этот пример демонстрирует использование firstChild и как этому свойству могут мешать пробелы. Смотрите раздел Notes для получения дополнительной информации о обработке пробелов в Gecko DOM.

<p id="para-01">
  <span>First span</span>
</p>

<script type="text/javascript">
  var p01 = document.getElementById('para-01');
  alert(p01.firstChild.nodeName)
</script>

В данном примере alert выведет '#text', потому что текстовый узел вставлен для сохранения пробела между концом открытого <p> и тега <span>. Любое пустое пространство между элементами является причиной вставки узла #text, начиная от единичного пробела, разрыва строки, отступа и так далее.

Другой #text узел вставляется между закрывающими тегами </span> и </p>.

Если эти пробелы удаляются из источника,  #text узлы не вставляются и элемент span становится первым потомком обзаца.

<p id="para-01"><span>First span</span></p>

<script type="text/javascript">
  var p01 = document.getElementById('para-01');
  alert(p01.firstChild.nodeName)
</script>

Теперь alert будет показывать 'SPAN'.

Спецификации

Метки документа и участники

 Внесли вклад в эту страницу: BodyCount, AlexAlex
 Обновлялась последний раз: BodyCount,