在前端开发中，经常需要将html字符串转化为DOM节点，进行进一步的操作。而 npm 包 htmlstr-parser 可以帮助我们实现这一过程，本文将为大家介绍 htmlstr-parser 的使用方法和细节问题。
安装
npm 包 htmlstr-parser 通过 npm 安装，支持在浏览器和 node.js 中运行。
--- ------- --------------
使用方法
htmlstr-parser 提供了 parse 方法，将 html 字符串转化为 html DOM 对象，具体使用方法如下：
----- - ----- - - ------------------------- ----- ------- - ----- --------------------------- ----------------- ----- ------ - -------------- -------------------
parse 方法的返回值
返回值为 Object，包括其中包括节点信息和属性信息。如上述例子中的 domObj，输出结果为：
-
---------- ---
------------- -
-
---------- ------
-------- -
-
------- --------
-------- -----------
-
--
------------- -
-
---------- -----
-------- ---
------------- -
-
---------- ---
-------- ------ ------
-
-
-
-
-
-
-其中的 tagName 表示节点名称（例如 div、h1），attrs 包含该节点的属性（例如 class），childNodes 则表示该节点的子节点，会重复出现以上三个字段。
神奇的转化过程
解析的过程是这样的：首先将html字符串按照标签名称分段，然后逐个标签识别。在标签字符中检索标签名称、属性和子元素。所以解析过程本质上是一个判断过程，依据一些规则来判断这个文本是表现为一个 html 标签。
标准的HTML标签有清晰的定义规范，而对于自定义的标签，htmlstr-parser 会将其识别为文本节点，已经可以满足大部分的场景需求。
几个细节问题
- 属性大小写区分
htmlstr-parser 会将属性名全部转换为小写，所以使用时需要注意和原html的属性名称是否一致。
- 解析过程中特定符号的处理
在解析过程中，会将特定的HTML实体编码进行处理，例如，会将“<”解析成<，将“>”解析成>等。
- IE下注释的处理
由于IE6IE8 在DOM操作上的Bug, 在IE6IE8 下解析