mirror of https://github.com/n2geoff/um
29 lines
789 B
JavaScript
29 lines
789 B
JavaScript
/**
|
|
* HTML Tag Scripting Function
|
|
*
|
|
* Generates new DOM element(s) from a tag, attributes
|
|
*
|
|
* @param {String} tag - tag name
|
|
* @param {Object|String|Array} args - attributes, text or array of child elements
|
|
*
|
|
* @returns {HTMLElement} The created DOM element(s)
|
|
*/
|
|
export default function h(tag, ...args) {
|
|
const el = document.createElement(tag);
|
|
|
|
// support all scalar values as TextNodes
|
|
const isScalar = (value) => ["boolean", "string", "number"].includes(typeof value);
|
|
|
|
args.forEach((arg) => {
|
|
if (isScalar(arg)) {
|
|
el.appendChild(document.createTextNode(arg));
|
|
} else if (Array.isArray(arg)) {
|
|
el.append(...arg);
|
|
} else {
|
|
Object.assign(el, arg);
|
|
}
|
|
});
|
|
|
|
return el;
|
|
}
|