A tiny helper for document.createElement.

createElement.js

module.exports = function(options) {
      var el
        , a
        , i
      if (!options.tagName) {
        el = document.createDocumentFragment()
      }
      else {
        el = document.createElement(options.tagName)
        if (options.className) {
          el.className = options.className
        }

        if (options.attributes) {
          for (a in options.attributes) {
            el.setAttribute(a, options.attributes[a])
          }
        }

        if (options.html !== undefined) {
          el.innerHTML = options.html
        }
      }

      if (options.text) {
        el.appendChild(document.createTextNode(options.text))
      }

      // IE 8 doesn"t have HTMLElement
      if (window.HTMLElement === undefined) {
        window.HTMLElement = Element
      }

      if (options.childs && options.childs.length) {
        for (i = 0; i < options.childs.length; i++) {
          el.appendChild(options.childs[i] instanceof window.HTMLElement ? options.childs[i] : createElement(options.childs[i]))
        }
      }

      return el
    }

usage.js

var createElement = require("./createElement")

document.body.appendChild(createElement({
  tagName: "div",
  className: "my-class",
  text: "Blah blah",
  attributes: {
    "id": "element id",
    "data-truc": "value"
  },
  childs: [{ /* recursif call **/}]
}))

// if you use without tagName you will get a document fragment

Cool stuff!