DOM：遍历文档树的节点和元素节点

当我们在使用JavaScript操作网页的时候，经常会涉及到DOM（文档对象模型）的操作。DOM提供了一种结构化的方式来表示HTML文档，并且可以通过JavaScript来访问和操作这个结构。在DOM中，文档被表示为一个树状结构，我们可以通过遍历这个树来访问和操作文档中的节点和元素节点。

在DOM中，节点（Node）是文档树中的基本单位，而元素节点（Element Node）则是节点的一种特殊类型。元素节点代表HTML文档中的标签元素，例如<div>、<p>、<span>等等。在本文中，我们将重点讨论如何遍历文档树的节点和元素节点，并给出相应的示例代码。

首先，我们需要获取文档对象，也就是整个HTML文档的根节点。可以使用document对象来表示文档对象，它是JavaScript中的一个内置对象，可以直接访问和操作DOM。

以下是一个简单的示例，展示了如何获取文档对象：

const doc = document