📌  相关文章
📜  HTML | DOM nodeType 属性(1)

📅  最后修改于: 2023-12-03 14:41:48.224000             🧑  作者: Mango

HTML | DOM nodeType 属性

在文档对象模型中，每个 HTML 元素都被表示为一个节点（node）。节点是一个对象，它有不同的类型，根据不同的类型，节点具有不同的属性和方法。DOM nodeType 属性用于获取节点的类型。

在 JavaScript 中，DOM 节点通过对象表示，可以通过 nodeType 属性访问节点的类型。节点类型是由编写文档的标记语言规定的。

语法
node.nodeType
描述

nodeType 属性返回节点的整数值，代表不同的节点类型。节点的类型由常量定义，常量的值如下：

  • Element Node（标签节点）：1
  • Attribute Node（属性节点）：2
  • Text Node（文本节点）：3
  • CDATASection Node：4
  • EntityReference Node：5
  • Entity Node：6
  • ProcessingInstruction Node：7
  • Comment Node：8
  • Document Node：9
  • DocumentType Node：10
  • DocumentFragment Node：11

对于 HTML 文档来说，最常用的节点类型是元素节点和文本节点。元素节点代表 HTML 元素，文本节点代表 HTML 元素中的文本内容。

示例
<!DOCTYPE html>
<html>
<body>

<h1 id="myHeading">Hello World!</h1>

<p id="myParagraph">This is a paragraph.</p>

<script>
  let heading = document.getElementById("myHeading");
  let paragraph = document.getElementById("myParagraph");

  console.log(heading.nodeType);
  console.log(paragraph.nodeType);
</script>

</body>
</html>

在上面的示例中，我们使用 getElementById() 方法获取了文档中的两个节点：h1 标题元素和 p 段落元素。使用 nodeType 属性获取节点的类型，并在控制台输出。

输出结果如下：

1   // h1 元素节点
1   // p 元素节点
总结

DOM nodeType 属性非常实用，在 JavaScript 中经常用到。在编写 DOM 操作代码时，了解节点类型是非常重要的，可以根据节点类型进行相应的操作。提高代码的效率和可读性。