1.0.0 • Published 8 months ago
@jtorm/insert-method v1.0.0
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-methodProperties
| Option | Required | Type | Description |
|---|---|---|---|
m | true | string | Method: a=append, p=prepend, b=before, af=after, r=replace. |
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'. |
l | false | data | Cache language scope. |
cid | false | data | Cache id. |
cs | false | data | Cache scope. |
Example
body->insert {
m: 'a';
h: '<section><b>append me</b></section>';
div {
->prepend {
h: '<header><h3>Header</h3></header>';
}
->append {
h: '<footer>footer</footer>';
}
}
}