super simple dom template function

README.md

el

super simple dom template function

how to use

el.js

function el(qs, ...children) {
    let m = qs[0].match(/([^#\.]+)?(?:#([^\.]+))?(?:\.(.+))?/);
    let el = document.createElement(m[1] || 'div');
    let id = m[2]; if (id) el.id = id;
    let cls = m[3]; if (cls) el.className = cls.replace(/\./g, ' ');
    for (let child of children) {
        el.appendChild(
            typeof child === 'string' ?
            document.createTextNode(child) :
            child
        );
    }
    return el;
}

screenshot.png