dom parser using javascript regex.
npm install --save react-native-dom-parser
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
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.
have ElementNode and TextNode
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
ElementNode.getElementById(id)
ElementNode.getElementsByClassName(className)
ElementNode.getElementsByTagName(tagName)
ElementNode.getElementsByName(name)
- Set up auto-test
- querySelector
- querySelectorAll