Atribut nodeType Element DOM HTML

Definisi dan penggunaan

nodeType Atribut ini kembalikan tipe node node yang ditentukan dalam bentuk angka.

  • Jika node adalah node elemen, atribut nodeType akan kembalikan 1.
  • Jika node adalah node atribut, atribut nodeType akan kembalikan 2.
  • Jika node adalah node teks, atribut nodeType akan kembalikan 3.
  • Jika node adalah node komentar, atribut nodeType akan kembalikan 8.

Atribut ini hanya baca.

Lihat pula:

Atribut nodeName

Atribut nodeValue

Atribut tagName

Atribut childNodes

Contoh

Contoh 1

ambil tipe node elemen body:

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

Coba sendiri

Contoh 2

Kembalikan tipe node elemen <body>:

document.body.nodeType;

Coba sendiri

Contoh 3

Tampilkan tipe node dari semua elemen:

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

Coba sendiri

Contoh 4

ambil nama, nilai dan tipe node dari pertama anak "myDIV":

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

Coba sendiri

Syarat

node.nodeType

Nilai kembalian

Tipe Deskripsi
Numerik Tipe node node.

Tipe node

Dokumen HTML atau XML, elemen, atribut, dan node lainnya memiliki tipe node yang berbeda.

Ada 12 tipe node yang berbeda, masing-masing dapat memiliki subnode tipe node yang berbeda:

Tipe Deskripsi Child node
1 Element Menunjukkan elemen
  • Element
  • Text
  • Komentar
  • ProcessingInstruction
  • CDATASection
  • EntityReference
2 Attr Menunjukkan atribut
  • Text
  • EntityReference
3 Text Menunjukkan konten teks dalam elemen atau atribut Tidak ada.
4 CDATASection Menunjukkan bagian CDATA dalam dokumen
(Teks yang tidak akan diproses pengurai)		 Tidak ada.
5 EntityReference Menunjukkan referensi entitas
  • Element
  • ProcessingInstruction
  • Komentar
  • Text
  • CDATASection
  • EntityReference
6 Entitas Menunjukkan entitas
  • Element
  • ProcessingInstruction
  • Komentar
  • Text
  • CDATASection
  • EntityReference
7 ProcessingInstruction Menunjukkan perintah pemrosesan Tidak ada.
8 Komentar Menunjukkan komentar Tidak ada.
9 Document Menunjukkan dokumen penuh (root node dari pohon DOM)
  • Element
  • ProcessingInstruction
  • Komentar
  • DocumentType
10 DocumentType Menyediakan antarmuka untuk entitas yang didefinisikan untuk dokumen Tidak ada.
11 DocumentFragment Menunjukkan objek Document yang 'ringan', yang dapat menyimpan bagian dokumen.
  • Element
  • ProcessingInstruction
  • Komentar
  • Text
  • CDATASection
  • EntityReference
12 Notasi Menunjukkan simbol yang dideklarasikan di DTD Tidak ada.

Tipe node - nilai kembalian

Setiap tipe node memiliki nilai nodeName dan atribut nodeValue yang dihasilkan, yaitu:

Tipe nodeName nodeValue
1 Element Nama elemen null
2 Attr Nama atribut Nilai atribut
3 Text #text Isi node
4 CDATASection #cdata-section Isi node
5 EntityReference Nama referensi entitas null
6 Entitas Nama entitas null
7 ProcessingInstruction target Isi node
8 Komentar #komentar Teks komentar
9 Document #document null
10 DocumentType nama doctype null
11 DocumentFragment #document bagian null
12 Notasi Nama simbol null

Tipe node - konstanta penamaan

Tipe Konstanta penamaan
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

Dukungan peramban

element.nodeType Adalah fitur DOM Level 1 (1998).

Seluruh peramban mendukungnya penuhnya:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan 9-11 Dukungan Dukungan Dukungan Dukungan