htmlparser2.js:一个快速宽松的HTML/XML解析器

简介: htmlparser2.js:一个快速宽松的HTML/XML解析器

The fast & forgiving HTML/XML parser.(一个快速宽松的HTML/XML解析器)


文档


npm https://www.npmjs.com/package/htmlparser2

github https://github.com/fb55/htmlparser2

wiki https://github.com/fb55/htmlparser2/wiki/Parser-options

安装


npm install htmlparser2

使用示例

import { Parser } from "htmlparser2";
/**
 * 解析出所有类名
 * @param {String} html
 * @returns {Array}
 */
function extractClassList(html) {
  let classList = [];
  const parser = new Parser({
    onattribute(name, value) {
      if (name == "class") {
        classList.push(value);
      }
    },
  });
  parser.write(html);
  parser.end();
  return classList;
}
const html =
  '<div class="box"><div class="box__header" style="color:#333;"></div><div class="box__body"></div></div>';
let classList = extractClassList(html);
console.log(classList);
// [ 'box', 'box__header', 'box__body' ]
相关文章
|
安全 Linux 网络安全
【超详细】Linux系统修改SSH端口教程
在linux中,默认的SSH端口号为22,由于这是咱们都知道的端口号,一旦有入侵者进行端口扫描的时候扫描出22端口,就立马知道这是进行SSH登录的端口号,因而咱们需要修改默认的端口号。
12764 1
【超详细】Linux系统修改SSH端口教程
|
移动开发 缓存 JavaScript
2021最新阿里代码规范(前端篇)
2021最新阿里代码规范(前端篇)
55891 11
2021最新阿里代码规范(前端篇)
一个免费功能强大的谷歌翻译api
分享一个免费且功能强大谷歌翻译api
10934 2
一个免费功能强大的谷歌翻译api
|
10月前
|
人工智能 IDE 程序员
GitHub Copilot 免费了!程序员们的福音来了!
《GitHub Copilot 免费了!程序员们的福音来了!》 近日,GitHub 宣布其 AI 编程助手 GitHub Copilot 现在可以免费使用。曾经每月需支付 10 美元订阅费的 Copilot,现在向所有人开放免费版本,这对个人开发者、初学者和小型团队来说是个大好消息。免费版支持 GPT 和 Claude 模型,并提供每月 2000 次代码补全和 50 条聊天消息等核心功能。用户只需注册或登录 GitHub 账户,在 VS Code 中安装扩展并激活免费版即可使用。此外,Visual Studio Code 也完全免费,进一步降低了开发门槛。 除了
11090 7
GitHub Copilot 免费了!程序员们的福音来了!
|
11月前
|
存储 Shell 开发工具
Flutter&鸿蒙next 中使用 MobX 进行状态管理
本文介绍了如何在 Flutter 中使用 MobX 进行状态管理。MobX 是一个基于观察者模式的响应式编程库,通过 `@observable` 和 `@action` 注解管理状态,并使用 `Observer` 小部件自动更新 UI。文章详细讲解了 MobX 的核心概念、如何集成到 Flutter 项目中以及具体的代码示例。适合希望在 Flutter 应用中实现高效状态管理的开发者阅读。
280 9
|
设计模式 Java 关系型数据库
【阿里规约】阿里开发手册解读——命名规范篇
本文中所有代码命名规范遵循《阿里规约》,从包名、类名、变量名等角度展开,详细阐述测试类、枚举类、数组、布尔型变量、方法等元素的命名规范。
【阿里规约】阿里开发手册解读——命名规范篇
|
12月前
|
前端开发 JavaScript API
2025年前端框架是该选vue还是react?有了大模型-例如通义灵码辅助编码,就不用纠结了!vue用的多选react,react用的多选vue
本文比较了Vue和React两大前端框架,从状态管理、数据流、依赖注入、组件管理等方面进行了详细对比。当前版本和下载量数据显示React更为流行,但Vue在国内用户量增长迅速。Vue 3通过组合式API提供了更灵活的状态管理和组件逻辑复用,适合中小型项目;React则更适合大型项目和复杂交互逻辑。文章还给出了选型建议,强调了多框架学习的重要性,认为技术问题已不再是选型的关键,熟悉各框架的最佳实践更为重要。
6897 1
|
12月前
|
前端开发 Java API
Swagger接口文档 —— 手把手教学,全方位超详细小白能看懂,百分百能用Java版
本文提供了一份详细的Swagger接口文档生成工具的使用教程,包括了导入依赖、配置类设置、资源映射、拦截器配置、Swagger注解使用、生成接口文档、在线调试页面访问以及如何设置全局参数(如token),旨在帮助Java开发者快速上手Swagger。
6935 0
Swagger接口文档 —— 手把手教学,全方位超详细小白能看懂,百分百能用Java版
Vue3项目引入 vue-quill 编辑器组件并封装使用
本文介绍了如何在Vue3项目中引入并封装使用`vue-quill`富文本编辑器组件,包括安装配置、父页面实现、子组件设计以及使用方法和效果展示。
2744 0
Vue3项目引入 vue-quill 编辑器组件并封装使用
|
Oracle Java 关系型数据库
Win11 系统Java17的安装教程:最新版JDK 17.07下载、安装、卸载详解
Win11 系统Java17的安装教程:最新版JDK 17.07下载、安装、卸载详解
3047 0