DOM节点属性详解：nodeName、nodeValue、nodeType与typeof的区别

DOM节点名称与值属性（nodeName与nodeValue）

nodeName 属性用于获取指定节点的名称信息。

当节点为元素节点时，nodeName 属性返回该元素的标签名称。

若节点为属性节点，nodeName 属性则返回该属性的名称。

对于文本节点，其 nodeName 属性值固定为 #text。

对于文档节点，其 nodeName 属性值固定为 #document。

nodeValue 属性用于获取节点的值。

当节点为文本节点时，nodeValue 属性返回节点中包含的文本内容。

当节点为属性节点时，nodeValue 属性返回该属性的具体值。

需要注意的是，nodeValue 属性在文档节点和元素节点上不可用，即无法直接获取其值。

节点类型标识（nodeType）详解

nodeType 属性用于返回当前节点的类型标识。

在实际开发中，最常接触到的节点类型包括以下几种：

主要节点类型及其对应的数值如下：元素节点（element）为 1，属性节点（attr）为 2，文本节点（text）为 3，注释节点（comments）为 8，文档节点（document）为 9。

以下是 nodeType 返回值与具体元素类型的对应关系表：

1 对应 ELEMENT（元素节点）

2 对应 ATTRIBUTE（属性节点）

3 对应 TEXT（文本节点）

4 对应 CDATA（CDATA 节点）

5 对应 ENTITY REFERENCE（实体引用节点）

6 对应 ENTITY（实体节点）

7 对应 PI（处理指令节点）

8 对应 COMMENT（注释节点）

9 对应 DOCUMENT（文档节点）

10 对应 DOCUMENT TYPE（文档类型节点）

11 对应 DOCUMENT FRAGMENT（文档片段节点）

12 对应 NOTATION（记号节点）

数据类型判断（typeof）

typeof 运算符用于判断表达式的数据类型。

该运算符返回一个表示数据类型的字符串，可能的返回值包括："number"、"string"、"boolean"、"object"、"function" 以及 "undefined"。

以上就是本文的全部内容了，小伙伴们对这4个知识点是否有了新的认识了呢，有疑问就给我留言吧。