Fast HTML Parser is a very fast HTML parser. Which will generate a simplified DOM tree, with basic element query support.

Per the design, it intends to parse massive HTML files in lowest price, thus the performance is the top priority. For this reason, some malformatted HTML may not be able to parse correctly, but most usual errors are covered (eg. HTML4 style no closing <li>, <td> etc).

npm install --save node-html-parser

Faster than htmlparser2!

node-html-parser:2.02346 ms/file ± 2.21481
htmlparser      :26.0810 ms/file ± 171.313
htmlparser2     :4.49111 ms/file ± 6.85512
parse5          :14.8590 ms/file ± 10.9427
high5           :7.71818 ms/file ± 4.88375

Tested with htmlparser-benchmark.

import { parse } from 'node-html-parser';

const root = parse('<ul id="list"><li>Hello World</li></ul>');

console.log(root.firstChild.structure);
// ul#list
//   li
//     #text

console.log(root.querySelector('#list'));
// { tagName: 'ul',
//   rawAttrs: 'id="list"',
//   childNodes:
//    [ { tagName: 'li',
//        rawAttrs: '',
//        childNodes: [Object],
//        classNames: [] } ],
//   id: 'list',
//   classNames: [] }
console.log(root.toString());
// <ul id="list"><li>Hello World</li></ul>
root.set_content('<li>Hello World</li>');
root.toString();	// <li>Hello World</li>

var HTMLParser = require('node-html-parser');

var root = HTMLParser.parse('<ul id="list"><li>Hello World</li></ul>');

Parse given data, and return root of the generated DOM.

• data, data to parse

• options, parse options

  {
    lowerCaseTagName: false,  // convert tag name to lower case (hurt performance heavily)
    comment: false            // retrieve comments (hurt performance slightly)
    blockTextElements: {
      script: true,	// keep text content when parsing
      noscript: true,	// keep text content when parsing
      style: true,		// keep text content when parsing
      pre: true			// keep text content when parsing
    }
  }

Trim element from right (in block) after seeing pattern in a TextNode.

Remove whitespaces in this sub tree.

Query CSS selector to find matching nodes.

Note: only tagName, #id, .class selectors supported. And not behave the same as standard querySelectorAll() as it will stop searching sub tree after find a match.

Query CSS Selector to find matching node.

Append a child node to childNodes

parses the specified text as HTML and inserts the resulting nodes into the DOM tree at a specified position.

Set value to key attribute.

Remove key attribute.

Get key attribute.

Exchanges given child with new child.

Remove child node.

Same as outerHTML

Set content. Notice: Do not set content of the root node.

Remove current element.

Get unescaped text value of current node and its children. Like innerText. (slow for the first time)

Get escpaed (as-it) text value of current node and its children. May have & in it. (fast)

Get structured Text

Get DOM structure

Get first child node

Get last child node

Get innerHTML.

Get outerHTML.

Returns a reference to the next child node of the current element's parent.

Returns a reference to the next child element of the current element's parent.