Thuộc tính nodeType của phần tử HTML DOM

Định nghĩa và cách sử dụng

nodeType Thuộc tính trả về loại nút của nút cụ thể dưới dạng số.

  • Nếu nút là nút phần tử, thuộc tính nodeType sẽ trả về 1.
  • Nếu nút là nút thuộc tính, thuộc tính nodeType sẽ trả về 2.
  • Nếu nút là nút văn bản, thuộc tính nodeType sẽ trả về 3.
  • Nếu nút là nút ghi chú, thuộc tính nodeType sẽ trả về 8.

Thuộc tính này là chỉ đọc.

Xem thêm:

Thuộc tính nodeName

Thuộc tính nodeValue

Thuộc tính tagName

Thuộc tính childNodes

Mô hình

Ví dụ 1

Lấy loại nút của phần tử body:

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

Thử trực tiếp

Ví dụ 2

Trả về loại nút của phần tử <body>:

document.body.nodeType;

Thử trực tiếp

Ví dụ 3

Hiển thị loại nút của tất cả các phần tử:

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

Thử trực tiếp

Ví dụ 4

Lấy tên, giá trị và loại của nút con đầu tiên của "myDIV":

const x = document.getElementById("myDIV").firstChild;
let text = "";
text += "Tên: " + x.nodeName + "<br>";
text += "Giá trị: " + x.nodeValue + "<br>";
text += "Loại: " + x.nodeType;

Thử trực tiếp

Cú pháp

nút.nodeType

Giá trị trả về

Loại Mô tả
Số Loại nút của nút. Xem bảng dưới đây.

Loại nút

Tài liệu HTML hoặc XML, phần tử, thuộc tính và các nút khác nhau có các loại nút khác nhau.

Có 12 loại nút khác nhau, chúng có thể có các nút con của nhiều loại nút khác nhau:

Loại Mô tả Nút con
1 Element Biểu thị phần tử
  • Element
  • Text
  • Comment
  • ProcessingInstruction
  • CDATASection
  • EntityReference
2 Attr Biểu thị thuộc tính
  • Text
  • EntityReference
3 Text Biểu thị văn bản trong phần tử hoặc thuộc tính Không có.
4 CDATASection Biểu thị phần CDATA trong tài liệu
(Văn bản không được phân tích bởi bộ phân tích)		 Không có.
5 EntityReference Biểu thị tham chiếu thực thể
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
6 Entity Biểu thị thực thể
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
7 ProcessingInstruction Biểu thị hướng dẫn xử lý Không có.
8 Comment Biểu thị chú thích Không có.
9 Document Biểu thị toàn bộ tài liệu (nút gốc của cây DOM)
  • Element
  • ProcessingInstruction
  • Comment
  • DocumentType
10 DocumentType Cung cấp giao diện cho thực thể được định nghĩa cho tài liệu Không có.
11 DocumentFragment Biểu thị đối tượng Document 'lightweight', có thể lưu trữ đoạn văn bản của tài liệu.
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
12 Notation Biểu thị ký hiệu được khai báo trong DTD Không có.

Loại nút - giá trị trả về

Mỗi loại nút có nodeName và giá trị thuộc tính nodeValue được trả về như sau:

Loại nodeName nodeValue
1 Element Tên phần tử null
2 Attr Tên thuộc tính Giá trị thuộc tính
3 Text #text Nội dung của nút
4 CDATASection #cdata-section Nội dung của nút
5 EntityReference Tên tham chiếu thực thể null
6 Entity Tên thực thể null
7 ProcessingInstruction target Nội dung của nút
8 Comment #comment Văn bản chú thích
9 Document #document null
10 DocumentType Tên doctype null
11 DocumentFragment #document 片段 null
12 Notation Tên ký hiệu null

Loại nút - định số thường

Loại Định số thường
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

Hỗ trợ trình duyệt

element.nodeType Là tính năng DOM Level 1 (1998).

Tất cả các trình duyệt đều hỗ trợ nó hoàn toàn:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ 9-11 Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ