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' ]

参考

HTML解析器之htmlparser2使用详解

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！