Свойство HTML DOM nodeType
Пример
Получите тип узла элемента body:
var x = document.getElementById("myP").nodeType;
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство nodeType возвращает тип узла в виде числа указанного узла.
Если узел является узлом элемента, свойство nodeType вернет 1.
Если узел является узлом атрибута, свойство nodeType вернет 2.
Если узел является текстовым узлом, свойство nodeType вернет значение 3.
Если узел является узлом комментариев, свойство nodeType вернет 8.
Это свойство доступно только для чтения.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
nodeType | Yes | Yes | Yes | Yes | Yes |
Синтаксис
node.nodeType
Технические детали
Возвращаемое значение: | Число, представляющее тип узла узла. |
---|---|
DOM-версия | Базовый объект узла уровня 1 |
Типы узлов
Документы, элементы, атрибуты и другие аспекты документа HTML или XML имеют разные типы узлов.
Существует 12 различных типов узлов, которые могут иметь дочерние узлы различных типов:
Node type | Description | Children | |
---|---|---|---|
1 | Element | Represents an element | Element, Text, Comment, ProcessingInstruction, CDATASection, EntityReference |
2 | Attr | Represents an attribute | Text, EntityReference |
3 | Text | Represents textual content in an element or attribute | None |
4 | CDATASection | Represents a CDATA section in a document (text that will NOT be parsed by a parser) | None |
5 | EntityReference | Represents an entity reference | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
6 | Entity | Represents an entity | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
7 | ProcessingInstruction | Represents a processing instruction | None |
8 | Comment | Represents a comment | None |
9 | Document | Represents the entire document (the root-node of the DOM tree) | Element, ProcessingInstruction, Comment, DocumentType |
10 | DocumentType | Provides an interface to the entities defined for the document | None |
11 | DocumentFragment | Represents a "lightweight" Document object, which can hold a portion of a document | Element, ProcessingInstruction, Comment, Text, CDATASection, EntityReference |
12 | Notation | Represents a notation declared in the DTD | None |
Типы узлов — возвращаемые значения
Возвращаемое значение свойств nodeName и nodeValue для каждого типа узла:
Node type | nodeName returns | nodeValue returns | |
---|---|---|---|
1 | Element | element name | null |
2 | Attr | attribute name | attribute value |
3 | Text | #text | content of node |
4 | CDATASection | #cdata-section | content of node |
5 | EntityReference | entity reference name | null |
6 | Entity | entity name | null |
7 | ProcessingInstruction | target | content of node |
8 | Comment | #comment | comment text |
9 | Document | #document | null |
10 | DocumentType | doctype name | null |
11 | DocumentFragment | #document fragment | null |
12 | Notation | notation name | null |
NodeTypes — именованные константы
NodeType | Named Constant |
---|---|
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 |
Дополнительные примеры
Пример
Получите тип узла элемента <body>:
var x = document.body.nodeType;
Пример
Получите типы узлов дочерних узлов элемента <body>:
var c = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < c.length; i++) {
txt = txt + c[i].nodeType + "<br>";
}
document.getElementById("demo").innerHTML = txt;
Пример
Получите имя узла, значение узла и тип узла первого дочернего узла элемента <div>:
<div id="myDIV">This is a div element.</div>
<script>
var x = document.getElementById("myDIV").firstChild;
var txt = "";
txt += "The node name: " + x.nodeName + "<br>";
txt += "The node value: " + x.nodeValue + "<br>";
txt += "The node type: " + x.nodeType;
</script>
Связанные страницы
Ссылка на HTML DOM: node. nodeName Свойство
Ссылка на HTML DOM: node. nodeValue Свойство
Ссылка на HTML DOM: node. Свойство childNodes