@jtorm/insert-method
v0.0.4
Published
jTorm Insert Method
Downloads
7
Readme
jTorm Insert Method
Insert HTML in the Document Object Model (DOM) tree with help of the insertAdjacentHTML method. The following method aliases are available as well to set in the context methods: jTormAppendMethod = append/beforeend jTormPrependMethod = prepend/afterbegin jTormBeforeMethod = before/beforebegin jTormAfterMethod = after/afterend jTormReplaceMethod = replace/innerHTML
Install
npm install @jtorm/insert-method
Config
| Option | Required | Type | Description |
|--------|----------|---------|-------------|
| m
| true
| string | Method: a=append/beforeend, p=prepend/afterbegin, b=before/beforebegin, af=after/afterend, r=replace/innerHTML |
| h
| false
| html | HTML |
| d
| false
| data | When there are child items, alternative data to process can be set here |
| p
| false
| data | Prefix for 'h' |
| s
| false
| data | Suffix for 'h' |
| cid
| false
| data | Cache id |
| cs
| false
| data | Cache scope |
Example
body->insert {
m: 'a';
h: '<div><b>append me</b></div>';
div {
->prepend {
h: '<header><h3>Header</h3></header>';
}
->append {
h: '<footer>footer</footer>';
}
}
}
// Result: <div><header><h3>Header</h3></header><b>append me</b><footer>footer</footer></div>
body->insert {
m: 'a';
h: '<div><b>append me</b></div>';
div {
->replace {
s: 'h3';
h: '<header><h3>Header</h3></header>';
}
}
}
// Result: <h3>Header</h3>