Thuộc tính HTML DOM nodeType
Thí dụ
Nhận loại nút của phần tử body:
var x = document.getElementById("myP").nodeType;
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc tính nodeType trả về kiểu nút, dưới dạng một số, của nút được chỉ định.
Nếu nút là một nút phần tử, thuộc tính nodeType sẽ trả về 1.
Nếu nút là một 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à một nút chú thích, thuộc tính nodeType sẽ trả về 8.
Thuộc tính này là chỉ đọc.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
nodeType | Yes | Yes | Yes | Yes | Yes |
Cú pháp
node.nodeType
Chi tiết kỹ thuật
Giá trị trả lại: | Một Số, đại diện cho loại nút của nút |
---|---|
Phiên bản DOM | Đối tượng nút cấp độ lõi 1 |
Các loại nút
Các tài liệu, phần tử, thuộc tính và các khía cạnh khác của tài liệu HTML hoặc XML có các loại nút khác nhau.
Có 12 loại nút khác nhau, có thể có con của các loại nút khác nhau:
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 |
Các loại nút - Giá trị trả về
Giá trị trả về của thuộc tính nodeName và nodeValue cho mỗi loại nút:
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 - Hằng số được đặt tên
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 |
Các ví dụ khác
Thí dụ
Nhận loại nút của phần tử <body>:
var x = document.body.nodeType;
Thí dụ
Nhận các loại nút của các nút con của phần tử <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;
Thí dụ
Nhận tên nút, giá trị nút và loại nút của nút con đầu tiên của phần tử <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>
Các trang liên quan
Tham chiếu HTML DOM: nút. Thuộc tính nodeName
Tham chiếu HTML DOM: nút. Thuộc tính nodeValue
Tham chiếu HTML DOM: nút. Thuộc tính childNodes