本文详细解析JavaScript中DOM操作的四个核心属性：nodeName、nodeValue、nodeType及typeof。通过对比元素、属性、文本及文档节点在不同属性下的返回值，阐明nodeType与节点类型的对应关系，并区分DOM节点属性与JavaScript类型运算符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个知识点是否有了新的认识了呢，有疑问就给我留言吧。