innertext 是一个非常方便的 npm 包，它可以帮助我们获取 HTML 元素中的纯文本内容。在前端开发中，我们经常需要从 DOM 树中提取文本内容进行处理，而 innertext 就是一个能够极大简化这个过程的工具。
安装
使用 npm 命令即可进行安装：
--- ------- ------ ---------
使用方法
首先，在 JavaScript 文件中引入 innertext 模块：
----- --------- - ---------------------
然后就可以使用 innerText 函数来获取指定元素的纯文本内容了：
----- ---- - ----------------------------------------- ------------------
在上面的示例代码中，我们通过 querySelector 方法获取了一个 div 元素，并将其传递给 innerText 函数作为参数。innerText 函数会返回该元素中的纯文本内容，并将其赋值给 text 变量。最后，我们将 text 变量打印到控制台上。
如果要获取多个元素的纯文本内容，可以使用 map 方法来遍历元素列表：
----- -------- - ------------------------------- ----- ----- - ------------------------------------ -------------------
在上面的示例代码中，我们使用 querySelectorAll 方法获取了多个 p 元素，并将其赋值给 elements 变量。然后，我们使用 Array.from 方法将 elements 转换成数组，并使用 map 方法遍历该数组，对每个元素调用 innerText 函数并将结果保存在 texts 数组中。最后，我们将 texts 数组打印到控制台上。
深入了解
除了基本的使用方法之外，innertext 还提供了一些高级功能，可以帮助我们更好地处理文本内容。
支持 CSS 选择器
innertext 函数支持传递 CSS 选择器作为参数，这样我们就可以直接获取符合条件的元素的纯文本内容了：
----- ---- - --------------------- - ----------------- ------------------
在上面的示例代码中，innerText 函数的参数是一个 CSS 选择器字符串，表示选择最后一个子元素为 div 的元素，并获取其纯文本内容。
忽略空白字符
默认情况下，innertext 函数会保留 HTML 标签之间的空白字符（包括空格、换行符等）。如果希望忽略这些空白字符，可以将第二个参数设置为 true：
----- ---- - -------------------------------------- ------ ------------------
在上面的示例代码中，innerText 函数的第二个参数为 true，表示忽略纯文本内容中的空白字符。
处理特殊字符
有些 HTML 实体字符（如 <、>、& 等）在纯文本内容中会变成特殊字符。如果希望将这些特殊字符还原成原始字符，可以使用 he.decode 函数进行处理：
----- -- - -------------- ----- ---- - ----------------------------------------- -----------------------------
在上面的示例代码中，我们引入了 he 包，并对 innerText 函数返回的纯文本内容调用了 he.decode 函数。该函数会将特殊字符还原成原始字符，并返回处理后的结果。
总结
innertext 是一个非常实用的 npm 包，它能够方便地获取 HTML 元素的纯文本内容。除了基本的使用方法之外，innertext 还
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/47311