Lightweight DOM manipulation library.

Install

* npm install --save relax-dom

Import

* import $ from "relax-dom"
* const $ = require('relax-dom')

Typescript

Typescript has been supported from v1.0.37.
``typescript
import $, {Dom} from 'relax-dom';
let $input : Dom;
$input = $('input');
`

API

$( selector )

function ( selector: string|HTMLElement ) : Dom

If the type of selector parameter is string, the function will query by document.querySelectorAll.

$.create( htmlOrTag )

function( htmlOrTag:string ) : Dom

Create a Dom object from html or tagName.

If the parameter includes < character, it will be considered as html string.
Otherwise, the parameter is considered as a tag name.

``javascript

$.create('

').outerHtml(); //

test

$.create('div').text('test'); //

test

`

$.fragment(html)

function( html:string ) : DocumentFragment

Usage scenarios:
`javascript
//

$('#container').append( $.create('outerinner') ); //

$('#container').append( $.fragment('outerinner') );//

outerinner

`

note

`javascript
$.create('

text2').outerHtml(); //

txt1

$.create('

text1

text2').outerHtml(); //

text1

text2
$.create('div').append($.fragment('

txt1

text2')).outerHtml(); //

txt1

text2

`

In create` method，text must be wrapped.

Dom API

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

如果传入html，则会替换掉原节点，同时返回的是原节点。如果需要替换后的新节点，需要重新获取。

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3

$3