Свойство nodeType элемента HTML DOM

Определение и использование

nodeType Свойство возвращает тип узла в виде числа.

  • Если узел является элементом, то свойство nodeType возвращает 1.
  • Если узел является атрибутным узлом, то свойство nodeType возвращает 2.
  • Если узел является текстовым узлом, то свойство nodeType возвращает 3.
  • Если узел является комментарием, то свойство nodeType возвращает 8.

Эта свойственность является только для чтения.

См. также:

Атрибут nodeName

Атрибут nodeValue

Атрибут tagName

Атрибут childNodes

Пример

Пример 1

Получить тип узла элемента body:

var x = document.getElementById("myP").nodeType;

Попробуйте сами

Пример 2

Вернуть тип узла элемента <body>:

document.body.nodeType;

Попробуйте сами

Пример 3

Отображение типа узла всех элементов:

const nodes = document.body.childNodes;
let text = "";
for (let i = 0; i < nodes.length; i++) {
  text += nodes[i].nodeType + "<br>";
}

Попробуйте сами

Пример 4

Получите имя, значение и тип узла первого ребенка узла "myDIV":

const x = document.getElementById("myDIV").firstChild;
let text = "";
text += "Name: " + x.nodeName + "<br>";
text += "Value: " + x.nodeValue + "<br>";
text += "Type: " + x.nodeType;

Попробуйте сами

Синтаксис

узел.nodeType

Возвращаемое значение

Тип Описание
Числовое значение Тип узла узла. См. таблицу ниже.

Тип узла

Документы HTML или XML, элементы, атрибуты и другие узлы имеют различные типы узлов.

Есть 12 различных типов узлов, которые могут иметь подузлы различных типов:

Тип Описание Дочерние узлы
1 Element Представляет элемент.
  • Element
  • Text
  • Comment
  • ProcessingInstruction
  • CDATASection
  • EntityReference
2 Attr Представляет атрибут.
  • Text
  • EntityReference
3 Text Представляет текст в элементе или атрибуте. Нет.
4 CDATASection Представляет часть CDATA в документе.
(Текст, который не будет парситься анализатором).		 Нет.
5 EntityReference Представляет ссылку на сущность.
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
6 Entity Представляет сущность.
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
7 ProcessingInstruction Представляет обработку инструкций. Нет.
8 Comment Представляет комментарий. Нет.
9 Document Представляет весь документ (корневой узел DOM-дерева).
  • Element
  • ProcessingInstruction
  • Comment
  • DocumentType
10 DocumentType Предоставляет интерфейс для доступа к сущностям, определенным в документе. Нет.
11 DocumentFragment Представляет "легковесный" объект Document, который может сохранять фрагмент документа.
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
12 Notation Представляет символ, объявленный в DTD. Нет.

Тип узла - возвращаемые значения

Каждый тип узла имеет nodeName и nodeValue свойства, которые возвращают:

Тип nodeName nodeValue
1 Element Имя элемента null
2 Attr Имя атрибута Значение атрибута
3 Text #text Содержимое узла
4 CDATASection #cdata-section Содержимое узла
5 EntityReference Имя ссылки на сущность null
6 Entity Имя сущности null
7 ProcessingInstruction target Содержимое узла
8 Comment #comment Текст комментария
9 Document #document null
10 DocumentType имя doctype null
11 DocumentFragment #document фрагмент null
12 Notation Символьное имя null

Тип узла - именованные константы

Тип Именованные константы
1 ELEMENT_NODE
2 ATTRIBUTE_NODE
3 TEXT_NODE
4 CDATA_SECTION_NODE
5 ENTITY_REFERENCE_NODE
6 ENTITY_NODE
7 PROCESSING_INSTRUCTION_NODE
8 COMMENT_NODE
9 DOCUMENT_NODE
10 DOCUMENT_TYPE_NODE
11 DOCUMENT_FRAGMENT_NODE
12 NOTATION_NODE

Поддержка браузерами

element.nodeType Это функция DOM Level 1 (1998).

Все браузеры полностью поддерживают его:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9-11 Поддержка Поддержка Поддержка Поддержка