在 web 前端开发中，我们经常需要操作网页中的 DOM 元素，而了解每个 DOM 元素的类型是非常重要的。在 HTML DOM 中，每个节点都有一个 nodeType 属性，用来表示该节点的类型。掌握 nodeType 属性可以帮助我们更好地操作 DOM 元素，提高开发效率。
nodeType 属性的取值
nodeType 属性是一个只读属性，返回一个数字，代表节点的类型。根据不同的节点类型，nodeType 属性的取值如下：
- 1：元素节点（Element）
- 2：属性节点（Attribute）
- 3：文本节点（Text）
- 4：CDATA 节点（CDATASection）
- 5：实体引用节点（Entity Reference）
- 6：实体节点（Entity）
- 7：处理指令节点（Processing Instruction）
- 8：注释节点（Comment）
- 9：文档节点（Document）
- 10：文档类型节点（Document Type）
- 11：文档片段节点（Document Fragment）
- 12：记法节点（Notation）
如何使用 nodeType 属性
我们可以通过访问 DOM 元素的 nodeType 属性来获取该元素的类型。下面是一个示例代码：
--------- -----
------
------
--------------- ------------
-------
------
---- ------------------- --- --------
--------
--- --------- - -------------------------------------
-------------------------------- -- -- --------
---------
-------
-------在上面的示例中，我们首先获取 id 为 "container" 的 div 元素，然后使用 nodeType 属性获取该元素的类型，最后将结果输出到控制台。
注意事项
- 使用 nodeType 属性时，要注意不同节点类型的取值范围，避免出现错误。
- 在操作 DOM 元素时，可以根据节点类型来进行不同的处理，提高代码的灵活性和可读性。
通过学习和掌握 HTML DOM 的 nodeType 属性，我们可以更加深入地了解 DOM 结构，提高开发效率和代码质量