HTML DOM nodeType Propery

<Element Przedmiot

Przykład

Uzyskaj typ węzła elementu nadwozia:

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

Wynikiem X będzie:

Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.

Definicja i Wykorzystanie

Nieruchomość nodeType zwraca typ węzła, jak wielu, określonego węzła.

Jeśli węzeł jest węzłem element, własność nodeType zwróci 1.

Jeśli węzeł jest węzłem atrybutu, obiekt nodeType powróci 2.

Jeśli węzeł jest węzłem tekstowym, właściwość nodeType powróci 3.

Jeśli węzeł jest węzłem komentarz właściwość nodeType powróci 8.

Ta właściwość jest tylko do odczytu.

Wsparcie przeglądarka

Nieruchomość
nodeType	tak	tak	tak	tak	tak

Składnia

node .nodeType

Szczegóły techniczne

Zwracana wartość:	Numer, reprezentująca typ węzła węzła
DOM Version	Rdzeń poziomu obiektu 1 Węzeł

Typy węzłów

Dokumenty, elementy, atrybuty i inne aspekty dokumentu HTML lub XML posiada różne typy węzłów.

Istnieje 12 różnych typów węzłów, które mogą mieć dzieci różnych typów węzłów:

typ węzła		Opis	Dzieci
1	Element	Reprezentuje element	Element, Tekst, komentarz, ProcessingInstruction, CDATASection, EntityReference
2	attr	Reprezentuje atrybut	Tekst, EntityReference
3	Tekst	Reprezentuje zawartość tekstową w elemencie lub atrybutu	Żaden
4	CDATASection	Reprezentuje sekcji CDATA w dokumencie (tekst, który nie będzie przeanalizowany przez parser)	Żaden
5	EntityReference	Reprezentuje encji	Element, ProcessingInstruction, Komentarz, Tekst, CDATASection, EntityReference
6	Jednostka	Oznacza podmiot	Element, ProcessingInstruction, Komentarz, Tekst, CDATASection, EntityReference
7	ProcessingInstruction	Reprezentuje instrukcji przetwarzania	Żaden
8	Komentarz	Reprezentuje komentarz	Żaden
9	Dokument	Reprezentuje cały dokument (the root-node of the DOM tree)	Element, ProcessingInstruction, Komentarz, DocumentType
10	Typ dokumentu	Zapewnia interfejs do podmiotów określonych w dokumencie	Żaden
11	DocumentFragment	Oznacza "lightweight" przedmiot dokumentu, który może pomieścić część dokumentu	Element, ProcessingInstruction, Komentarz, Tekst, CDATASection, EntityReference
12	Notacja	Reprezentuje notacji deklarowany w DTD	Żaden

Typy węzłów - Zwracane wartości

Wartość powrotu Nazwa węzła i właściwości nodeValue dla każdego typu węzła:

typ węzła		nODENAME powraca	nodeValue powraca
1	Element	Nazwa elementu	zero
2	attr	nazwę atrybutu	wartość atrybutu
3	Tekst	#tekst	treść węzła
4	CDATASection	# Sekcji CDATA	treść węzła
5	EntityReference	Podmiot nazwa odniesienia	zero
6	Jednostka	Nazwa jednostki	zero
7	ProcessingInstruction	cel	treść węzła
8	Komentarz	#komentarz	tekst komentarza
9	Dokument	#dokument	zero
10	Typ dokumentu	Nazwa doctype	zero
11	DocumentFragment	#document fragment	zero
12	Notacja	Nazwa notacja	zero

NodeTypes - Stałe Nazwane

NodeType	nazwany Stała
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

Więcej przykładów

Przykład

Uzyskać typ węzła <body> element:

var x = document.body.nodeType;

Wynikiem X będzie:

Spróbuj sam "

Przykład

Uzyskaj typy węźle <body> węzłów potomnych elementu za:

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;

Wynikiem txt będą:

3    // text node
1    // element node
3    // text node
1    // element node
3    // text node
1    // element node
3    // text node
8    // comment node
3    // text node
1    // element node
3    // text node
1    // element node
3    // text node
1    // element node
3    // text node

Spróbuj sam "

Przykład

Uzyskaj nazwę węzła, wartość węzła i typ węzła <div> pierwszego węzła potomnego elementu:

<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>

Wynikiem txt będą:

The node name: #text
The node value: This is a div element.
The node type: 3

Spróbuj sam "