玩转 Node.js API，轻松操控 HTML DOM

Node.js API 简介

Node.js API 是一套强大的工具集，允许我们与 HTML DOM 进行交互，从创建和修改元素到获取和设置属性，无所不能。在本文中，我们将重点介绍一些最常用的 API。

文档对象模型（DOM）

DOM 是一个层次结构，其中每个元素都是一个节点。文档本身是文档节点，所有 HTML 元素是元素节点，所有 HTML 属性是属性节点，HTML 元素内的文本是文本节点，而包括回车符在内的空格则被视为文本节点。

创建和修改元素

要创建新元素，可以使用 document.createElement() 方法。例如，要创建一个 div 元素，我们可以使用以下代码：

const div = document.createElement('div');

要将新元素添加到文档中，可以使用 appendChild() 方法。例如，要将 div 元素添加到文档体中，我们可以使用以下代码：

document.body.appendChild(div);

要修改元素，可以使用 setAttribute() 方法。例如，要将 div 元素的 id 属性设置为 "myDiv", 我们可以使用以下代码：

div.setAttribute('id', 'myDiv');

获取和设置属性

要获取元素的属性，可以使用 getAttribute() 方法。例如，要获取 div 元素的 id 属性，我们可以使用以下代码：

const id = div.getAttribute('id');

要设置元素的属性，可以使用 setAttribute() 方法。例如，要将 div 元素的 id 属性设置为 "newId", 我们可以使用以下代码：

div.setAttribute('id', 'newId');

获取和设置文本内容

要获取元素的文本内容，可以使用 textContent 属性。例如，要获取 div 元素的文本内容，我们可以使用以下代码：

const text = div.textContent;

要设置元素的文本内容，可以使用 textContent 属性。例如，要将 div 元素的文本内容设置为 "Hello, world!", 我们可以使用以下代码：

div.textContent = 'Hello, world!';

结语

Node.js API 为我们提供了操作 HTML DOM 的强大工具集，我们可以利用这些 API 来创建和修改元素、获取和设置属性以及获取和设置文本内容，这些操作极大地方便了我们的开发，希望本文能够帮助你更好地理解和使用这些 API。