在前端开发中，我们经常需要从 HTML 中提取数据或者对其进行解析。这时，一个好用的 HTML 解析器就显得尤为重要了。而 htmlparser 正是一个优秀的 npm 包，它可以帮助我们快速地解析 HTML。
什么是 htmlparser？
htmlparser 是一个基于 Node.js 的 HTML 解析器，它可以将 HTML 字符串解析成 DOM 树，并支持自定义回调函数来处理 DOM 树中的节点信息。与其他 HTML 解析器不同的是，htmlparser 支持在解析过程中进行异步操作，这使得它在处理大型 HTML 文件时表现出色。
安装 htmlparser
使用 npm 安装 htmlparser：
npm install htmlparser
解析 HTML
下面是一个简单的示例代码，演示如何使用 htmlparser 来解析 HTML：
-- -------------------- ---- -------
----- ---------- - ---------------------
----- ---- - ------------------------- ----------------------------------- -------------------------
----- ------- - --- --------------------------------- ---- -- -
-- ------- -
--------------------
- ---- -
----------------
-
--
----- ------ - --- --------------------------
--------------------------上述代码中，我们首先引入了 htmlparser 模块，然后定义了一个包含 HTML 内容的字符串。接着，我们创建了一个 DefaultHandler 对象，并将其传递给 Parser 构造函数。在 DefaultHandler 中，我们定义了一个回调函数，用于接收解析后的 DOM 树或错误信息。最后，我们通过 parseComplete() 方法调用解析器，将 HTML 字符串传入其中。
运行上述代码后，我们可以在控制台中看到解析后的 DOM 树：
-- -------------------- ---- -------
-
-
----- ------
----- -------
-------- ---
--------- -
-
----- ------
----- -------
-------- ---
--------- -
-
----- ------
----- --------
-------- ---
--------- -- ----- ------ ------- ----- ------ --
-
-
--
-
----- ------
----- -------
-------- ---
--------- -
-
----- ------
----- ----
-------- ---
--------- -- ----- ------- -------- ----- ------ --
-
-
-
-
-
-处理节点信息
除了解析 HTML，htmlparser 还支持自定义回调函数来处理 DOM 树中的节点信息。下面是一个示例代码，演示如何使用回调函数来处理 img 标签：
-- -------------------- ---- -------
----- ---------- - ---------------------
----- ----- - ----------------
----- --- - --------------------------
----- ------- - --- --------------------------------- ---- -- -
-- ------- -
--------------------
- ---- -
---------------- -- -
-- ---------- --- ----- -- --------- --- ------ -
----- --- - ----------------
-------------- --- -- -
----------------------- --------
--
-
--
-
--
----- ------ - --- --------------------------
-------------- --- -- -
--- ---- - --
-------------- ----- -- -
---- -- -----
--
------------- -- -- -
--------------------------
--
--上述代码中，我们首先引入了 htmlparser 和 https 模块，并定义了一个 URL。接着，我们创建了一个 DefaultHandler 对象，并定义了一个回调函数。在回调函数中，我们遍历 DOM 树中的每个节点，如果发现当前节点是 img 标签，则获取其 src 属性，并通过 https.get() 方法下载该图片。
最后，我们通过 `https.get
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/42012