createElementHelper.js

function createElementHelper(tagName, {style:{vars:styleVars={}, ...style}={}, attrs={}, events={}, classList=[], children=[], parent=null, insertBefore=null, ...props}={}) {
	let elem = document.createElement(tagName);
	for(let k in style) elem.style[k] = style[k];
	for(let k in styleVars) elem.style.setProperty(k, styleVars[k]);
	for(let k in attrs) elem.setAttribute(k, attrs[k]);
	for(let k in events) elem.addEventListener(k, events[k]);
	if(classList.length > 0) elem.classList.add.apply(elem.classList, classList);
	for(let k in props) elem[k] = props[k];
	for(let c of children) elem.appendChild(c);
	if(parent !== null) {
		if(insertBefore !== null) parent.insertBefore(elem, insertBefore);
		else parent.appendChild(elem);
	}
	return elem;
}

elhelper.js

const elhelper = {
	setup: (elem, {style:{vars:styleVars={}, ...style}={}, attrs={}, events={}, classList=[], children=[], parent=null, insertBefore=null, ...props}={}) => {
		for(let k in style) elem.style[k] = style[k];
		for(let k in styleVars) elem.style.setProperty(k, styleVars[k]);
		for(let k in attrs) elem.setAttribute(k, attrs[k]);
		for(let k in events) elem.addEventListener(k, events[k]);
		if(classList.length > 0) elem.classList.add.apply(elem.classList, classList);
		for(let k in props) elem[k] = props[k];
		for(let c of children) elem.appendChild(c);
		if(parent !== null) {
			if(insertBefore !== null) parent.insertBefore(elem, insertBefore);
			else parent.appendChild(elem);
		}
		return elem;
	},
	create: (tagName, options={}) => {
		return elhelper.setup(document.createElement(tagName), options);
	},
};