纯手工撸了个不依赖node啊之类环境的 dom parser, 欢迎指教

#1

纯手工撸了个不依赖node啊之类环境的 dom parser,
欢迎指教 https://github.com/YouHan26/dom-parser

dom parser using javascript regex.

No Need node environment or special Browser!!!
Support react, react-native, vue etc…

Install

npm install --save react-native-dom-parser

Usage

import DomSelector from 'react-native-dom-parser';
const rootNode = DomSelector(rowHtmlData);

Support

Html tag

Base on https://www.w3.org/TR/html5/syntax.html#void-elements

Void elements:

area, base, br, col, embed, hr, img, input, link, meta, param, source, track, wbr

escapable raw text elements

textarea, title

Normal elements

All other allowed HTML elements are normal elements.

Node Type
have ElementNode and TextNode

Node Structure
ElementNode:

this.text;         // raw html text
this.tagName;      // html tag name
this.attributes;   // html tag arrtibute
this.style;        // html style [object]
this.classList;    // html class list [array]
this.children;     // child node
this.parent;       // parent node or null

TextNode:

this.text;         // html raw text
this.parent;       // parent node

Query Method

ElementNode.getElementById(id)
ElementNode.getElementsByClassName(className)
ElementNode.getElementsByTagName(tagName)
ElementNode.getElementsByName(name)
#2

Markdown 的代码标记用错了, 给你编辑了一下.

1 Like
#3

感谢大佬~~