mirror of
https://github.com/jaandrle/deka-dom-el
synced 2024-11-23 09:09:38 +01:00
36 lines
821 B
JavaScript
36 lines
821 B
JavaScript
import { el } from "deka-dom-el";
|
||
document.head.append(
|
||
el("style").append(
|
||
"tr, td{ border: 1px solid red; padding: 1em; }",
|
||
"table{ border-collapse: collapse; }"
|
||
)
|
||
);
|
||
document.body.append(
|
||
el("p", "Example of a complex template. Using for example nesting lists:"),
|
||
el("ul").append(
|
||
el("li", "List item 1"),
|
||
el("li").append(
|
||
el("ul").append(
|
||
el("li", "Nested list item 1"),
|
||
)
|
||
)
|
||
),
|
||
el("table").append(
|
||
el("tr").append(
|
||
el("td", "Row 1 – Col 1"),
|
||
el("td", "Row 1 – Col 2")
|
||
)
|
||
)
|
||
);
|
||
|
||
import { chainableAppend } from "deka-dom-el";
|
||
/** @param {keyof HTMLElementTagNameMap} tag */
|
||
const createElement= tag=> chainableAppend(document.createElement(tag));
|
||
document.body.append(
|
||
createElement("p").append(
|
||
createElement("em").append(
|
||
"You can also use `chainableAppend`!"
|
||
)
|
||
)
|
||
);
|