dom-parser

dom parser using javascript regex.

$3

$3

Install

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

Usage

`
import DomSelector from 'react-native-dom-parser';

const rootNode = DomSelector(rowHtmlData);

rootNode.getElementById('myCarousel');
rootNode.getElementsByClassName('item');
rootNode.getElementsByTagName('div');

rootNode.children
rootNode.children[0].getElementsByName('name')

rootNode.style
rootNode.classList
`

Support

$3


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.
`

$3

have ElementNode and TextNode

$3

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
`

$3


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

$3

* [ ] Set up auto-test
* [ ] querySelector
* [ ] querySelectorAll