浅谈nodeName,nodeValue,nodeType,typeof 的区别

下面提供一份完整的攻略，以便你进行参考。

背景

在JavaScript中，有时需要处理HTML或XML文档中的节点，这些节点拥有如节点类型（NodeType）、节点名称（nodeName）、节点值（nodeValue）、数据类型（typeof）等关键词。它们有各自特殊的用途和区别。本文将深入浅出地讨论它们之间的联系和差异。

节点类型（NodeType）

在处理 HTML 或 XML 文档时，这是最常用到的节点属性。 通常，节点类型是一个整数，用于表示节点的类型。 不同类型的节点用不同的值表示，例如元素节点为 1，属性节点为 2，文本节点为 3，注释节点为 8。

示例说明

我们可以使用以下代码获取节点类型，例如：

var nodeType = document.getElementsByTagName('body')[0].nodeType;
console.log(nodeType);

执行结果将返回1， 表示是元素节点.

节点名称（nodeName）

节点名称是一个只读属性，返回节点的名称。 对于 HTML 元素节点， 其节点名称是它的标签名称。 对于其他的节点， 它的节点名称可以使用

示例说明

我们可以使用以下代码获取节点名称，例如：

var nodeName = document.getElementsByTagName('body')[0].nodeName;
console.log(nodeName);

执行结果将返回BODY，这是HTML元素节点的标签名称。

节点值（nodeValue）

节点值是一个只读属性，返回节点的值。 对于不同类型的节点，其节点值不同。 对于文本节点，其值即为文本内容; 对于其他节点类型，其值可能为空或 undefined。

示例说明

我们可以使用以下代码获取节点值，例如：

var nodeValue = document.getElementsByTagName('title')[0].nodeValue;
console.log(nodeValue);

执行结果将返回