HTML DOM Element nodeType అనునది

నిర్వచనం మరియు వినియోగం

nodeType నోడ్ యొక్క నోడ్ రకాన్ని సంఖ్యాకారంలో తిరిగి ఇవ్వబడుతుంది.

  • నోడ్ యొక్క ఎలమెంట్ నోడ్ యొక్క nodeType అనునది తిరిగి ఇవ్వబడుతుంది: 1.
  • నోడ్ యొక్క అత్యావసరం నోడ్ యొక్క nodeType అనునది తిరిగి ఇవ్వబడుతుంది: 2.
  • నోడ్ యొక్క వచన నోడ్ యొక్క nodeType అనునది తిరిగి ఇవ్వబడుతుంది: 3.
  • నోడ్ యొక్క పేరు కాకపోతే, nodeType అనునది తిరిగి ఇవ్వబడుతుంది: 8.

ఈ అనునది ఓన్లీ రిడ్ అనునది.

మరింత చూడండి:

nodeName అత్యావసరం

nodeValue అత్యావసరం

tagName అత్యావసరం

childNodes అత్యావసరం

ఉదాహరణ

ఉదాహరణ 1

బాడీ ఎలమెంట్ నోడ్ రకాన్ని పొందండి:

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

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

ప్రదర్శించబడుతున్న <body> ఎలమెంట్ నోడ్ రకాన్ని తిరిగి ఇవ్వబడుతుంది:

document.body.nodeType;

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 3

అన్ని ఎలమెంట్ల నోడ్ రకాన్ని ప్రదర్శించండి:

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

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 4

మీ "myDIV" ప్రథమ సబ్ నోడ్ యొక్క నోడ్ పేరు, విలువ మరియు రకాన్ని పొందండి:

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

స్వయంగా ప్రయత్నించండి

语法

node.nodeType

返回值

类型 描述
数值 节点的节点类型。请见下表。

节点类型

HTML 或 XML 文档的文档、元素、属性以及其他节点拥有不同的节点类型。

有 12 种不同的节点类型,它们可能有各种节点类型的子节点:

类型 描述 子节点
1 Element 表示元素
  • Element
  • Text
  • Comment
  • ProcessingInstruction
  • CDATASection
  • EntityReference
2 Attr 表示属性
  • Text
  • EntityReference
3 Text 表示元素或属性中的文本内容 无。
4 CDATASection 表示文档中的 CDATA 部分
(不会被解析器解析的文本)
无。
5 EntityReference 表示实体引用
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
6 Entity 表示实体
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
7 ProcessingInstruction 表示处理指令 无。
8 Comment 表示注释 无。
9 Document 表示整个文档(DOM 树的根节点)
  • Element
  • ProcessingInstruction
  • Comment
  • DocumentType
10 DocumentType 向为文档定义的实体提供接口 无。
11 DocumentFragment 表示“轻量级”的 Document 对象,它可保存文档的片段。
  • Element
  • ProcessingInstruction
  • Comment
  • Text
  • CDATASection
  • EntityReference
12 Notation 表示在 DTD 中声明的符号 无。

节点类型 - 返回值

每种节点类型的 nodeName 和 nodeValue 属性的返回值:

类型 nodeName nodeValue
1 Element 元素名 null
2 Attr 属性名 属性值
3 Text #text 节点的内容
4 CDATASection #cdata-section 节点的内容
5 EntityReference 实体引用的名称 null
6 Entity 实体名称 null
7 ProcessingInstruction target 节点的内容
8 Comment #comment 注释文本
9 Document #document null
10 DocumentType doctype 名称 null
11 DocumentFragment #document 片段 null
12 Notation 符号名称 null

节点类型 - 命名常量

类型 命名常量
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

浏览器支持

element.nodeType 是 DOM Level 1 (1998) 特性。

所有浏览器都完全支持它:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持