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).
Install
npm install --save fast-html-parser
Performance
Faster than htmlparser2!
fast-html-parser: 2.18409 ms/file ± 1.37431high5 : 4.55435 ms/file ± 2.51132htmlparser : 27.6920 ms/file ± 171.588htmlparser2-dom : 6.22320 ms/file ± 3.48772htmlparser2 : 3.58360 ms/file ± 2.23658hubbub : 16.1774 ms/file ± 8.95079libxmljs : 7.19406 ms/file ± 7.04495parse5 : 10.7590 ms/file ± 8.09687
Tested with htmlparser-benchmark.
Usage
var HTMLParser = ; var root = HTMLParser; console;// ul#list// li// #text console;// { tagName: 'ul',// rawAttrs: 'id="list"',// childNodes:// [ { tagName: 'li',// rawAttrs: '',// childNodes: [Object],// classNames: [] } ],// id: 'list',// classNames: [] }
API
parse(data[, options])
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)script: false // retrieve content in <script> (hurt performance slightly)style: false // retrieve content in <style> (hurt performance slightly)pre: false // retrieve content in <pre> (hurt performance slightly)
HTMLElement#text
Get unescaped text value of current node and its children. Like innerText
.
(slow for the first time)
HTMLElement#rawText
Get escpaed (as-it) text value of current node and its children. May have
&
in it. (fast)
HTMLElement#structuredText
Get structured Text
HTMLElement#trimRight()
Trim element from right (in block) after seeing pattern in a TextNode.
HTMLElement#structure
Get DOM structure
HTMLElement#removeWhitespace()
Remove whitespaces in this sub tree.
HTMLElement#querySelectorAll(selector)
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.
HTMLElement#querySelector(selector)
Query CSS Selector to find matching node.
HTMLElement#appendChild(node)
Append a child node to childNodes
HTMLElement#firstChild
Get first child node
HTMLElement#lastChild
Get last child node
HTMLElement#attributes
Get attributes
HTMLElement#rawAttributes
Get escaped (as-it) attributes