HyperScript for client side templating

hyperscript.js

var compileAtts = function(atts, node) {
  for (var prop in atts) {
    var att = document.createAttribute(prop);
    att.value = atts[prop].toString();
    node.setAttributeNode(att);
  }
};

var compileElement = function(tagName, args) {
  var atts = args[0] instanceof Object ? args.shift() : false;

  var el = document.createElement(tagName);
  args.forEach(function(arg) {
    if (arg instanceof Node) {
      el.appendChild(arg);
    } else {
      el.innerHTML += arg;
    }
  });

  if (atts) compileAtts(atts, el);

  return el;
};

// Elements from https://developer.mozilla.org/en-US/docs/Web/HTML/Element
var tags = ['html', 'base', 'head', 'style', 'title', 'address', 'article',
'footer', 'header', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'hgroup', 'nav',
'section', 'dd', 'div', 'dl', 'dt', 'figcaption', 'figure', 'hr', 'li', 'main',
'ol', 'p', 'pre', 'ul', 'a', 'abbr', 'b', 'bdi', 'bdo', 'cite', 'code',
'data', 'dfn', 'em', 'i', 'kbd', 'mark', 'q', 'rp', 'rt', 'rtc', 'ruby', 's',
'samp', 'small', 'span', 'strong', 'sub', 'sup', 'time', 'u', 'var', 'wbr',
'audio', 'map', 'video', 'embed', 'object', 'canvas', 'noscript', 'script',
'del', 'ins', 'caption', 'colgroup', 'table', 'tbody', 'td', 'tfoot', 'th',
'thead', 'tr', 'button', 'datalist', 'fieldset', 'form', 'label', 'legend',
'meter', 'optgroup', 'option', 'output', 'progress', 'select', 'textarea',
'details', 'dialog', 'menu', 'menuitem', 'summary', 'shadow', 'template',
'body', 'link', 'track', 'param', 'area', 'command', 'col', 'base', 'meta',
'hr', 'source', 'img', 'keygen', 'br', 'wbr', 'input'];

// Usage: h('tagName', [attributes = {}], [...innerHTML/Node], [isEmpty = true]); 
function h() {
  var args = Array.prototype.slice.call(arguments);
  var tagName = args.shift();

  var isEmpty;
  if (args.length >= 1 && typeof args[args.length - 1] === "boolean") {
    isEmpty = args.pop();
  } else {
    isEmpty = emptyTags.indexOf(tagName) !== -1;
  }

  return compileElement(tagName, args, isEmpty);
}
// Usage h.div(Node || innerHTML)
tags.forEach(function(tagName) {
  h[tagName] = function() {
    var args = Array.prototype.slice.call(arguments);
    return compileElement(tagName, args);
  };
});