minidom.js

function createElement (name, attrs, ...children) {
  name = name.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase()

  const $el = document.createElement(name)

  if (attrs) {
    for (const [attr, val] of Object.entries(attrs))
      $el.setAttribute(attr, val)
  }

  const fragment = document.createDocumentFragment()

  for (let child of children) {
    if (typeof child === 'string')
      child = document.createTextNode(child)
    
    fragment.appendChild(child)
  }

  $el.appendChild(fragment)

  return $el
}

export default [
  'xTabs',
  'span',
  'div',
  'li',
  'a',
  'p'
  // ...
].reduce((obj, name) => {
  obj[name] = (attrs, ...children) => createElement(name, attrs, ...children)
  return obj
}, {})