在 Node.js 中，解析 HTML 页面是一个很常见的任务。我们可以使用许多不同的库来实现这个功能，其中一个很受欢迎的库是 Cheerio。Cheerio 是一个 jQuery 核心的子集，可用于在页面上进行类似于 jQuery 的 DOM 操作。本文将介绍如何使用 Cheerio 在 Node.js 中对 HTML 页面进行解析。
安装 Cheerio
在开始之前，我们需要先安装 Cheerio。我们可以使用 npm 包管理器来安装它：
$ npm install cheerio
现在，我们已经准备好在代码中使用 Cheerio 了。
加载 HTML 页面
在使用 Cheerio 解析 HTML 页面之前，我们需要先将其加载到 Node.js 中。我们可以使用许多不同的方式来加载 HTML，例如从文件系统、URL 或字符串中读取。以下是示例代码：
const fs = require('fs');
const cheerio = require('cheerio');
// 从文件系统中读取 HTML 页面
const html = fs.readFileSync('index.html');
// 将 HTML 页面加载到 Cheerio 中
const $ = cheerio.load(html);在这个示例代码中，我们使用 fs 模块从文件系统中读取了 HTML 文件，并将它加载到 Cheerio 对象中。
Cheerio 的基本用法
现在，我们已经将 HTML 页面加载到 Cheerio 对象中，我们可以开始对页面进行操作了。以下是一些 Cheerio 的基本用法：
选择器
Cheerio 使用与 jQuery 相同的选择器语法来选择 DOM 元素。例如，要选择具有 class 为 container 的所有元素，可以使用以下代码：
const container = $('.container');DOM 操作
一旦我们选择了 DOM 元素，我们就可以对它们进行操作。以下是一些示例代码：
-- -------------------- ---- ------- -- --------- ----- ---- - ----------------------- -- ----- ---- -- ----- ---- - ----------------------- -- --------- ---------------------------- ----------- -- -------------- -----------------------------------
遍历元素
Cheerio 还提供了一些方法，可以帮助我们遍历 DOM 元素。以下是一些示例代码：
-- -------------------- ---- ------- -- ------- ----- -------- - --------------------- -- ------- ----- ------ - ------------------------- -- --------- ----- ---- - ----------------------- -- --------- ----- ---- - -----------------------
迭代元素
Cheerio 还允许我们对多个元素进行迭代，以在它们上面执行相同的操作。以下是一些示例代码：
// 遍历所有元素，并将它们的文本内容转换为大写
$('.container').each((index, element) => {
const text = $(element).text().toUpperCase();
$(element).text(text);
});
// 过滤出具有 `active` 类的所有元素
const active = $('.container').filter('.active');示例应用
让我们来看一下一个完整的示例应用，它会使用 Cheerio 解析一个 HTML 文件，并从中获取所有链接的 href 属性：
-- -------------------- ---- ------- ----- -- - -------------- ----- ------- - ------------------- -- -------- ---- -- ----- ---- - ------------------------------ -- - ---- ----- ------- - ----- - - ------------------- -- ------- ---- -- ----- ----- - ------------------ -------- -- ------------------------------- -- ---- -------------------
在这个示例中，我们使用 map 方法迭代所有的链接元素，并获取它们的 href 属性。最后，我们使用 get 方法将这些属性存储在一个数组中，并使用 console.log 打印它们。
结论
在本文中，我们学习了如何在 Node.js 中使用 Cheerio 解析 HTML 页面。我们介绍了 Cheerio 的基本用法，包括选择器、DOM 操作、元素遍历和迭代。我们还展示了一个示例应用，演示了如何从 HTML 页面中获取链接。我希望这篇文章能够帮助你更好地理解 Cheerio，以及如何在 Node.js 中对 HTML 页面进行解析。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6705f54ad91dce0dc8561a1d