Node.prototype.append

node-append.js

(function() {

function isNode(value) {
  return value instanceof Node;
}

function isAttrObject(value) {
  return value != null && typeof value === 'object' && !isNode(value);
}

function setAttributes(element, object) {
  Object.keys(object).forEach(function(key) {
    element.setAttribute(key, object[key]);
  });
}

function toNode(value, doc) {
  switch (typeof value) {
    case 'boolean':
    case 'number':
    case 'string':
      return doc.createTextNode(value.toString());
    case 'undefined':
      return doc.createTextNode('undefined');
    default:
      if (value === null) {
        return doc.createTextNode('null');
      }
      
      if (isNode(value)) {
        return value;
      }
      
      if (Array.isArray(value) && value.length >= 1) {
        var element = doc.createElement(value[0]);
      
        var i = 1;

        if (value.length > i) {
          if (isAttrObject(value[i])) {
            setAttributes(element, value[i]);
            i++;
          }

          if (value.length > i) {
            element.append.apply(element, value.slice(i));
          }
        }

        return element;
      }

      throw new Error();
  }
}

Node.prototype.append = function() {
  for (var i = 0; i < arguments.length; i++) {
    this.appendChild(toNode(arguments[i], this.ownerDocument));
  }
};

})();


/*

document.body.append('Hello', 'World');
document.body.append(['p', 'text', ['button', {style: 'color:red'}, 'Click me']]);
document.body.append(true, false, 1, 42, undefined, null, 'some', new Image());

*/