makeDomNode.js

var makeDomNode = (function() {
  /* convert an arbitrary HTML string -> dom node.
   * This function adapted from JQuery code (src/manipulation.js),
   * which is distributed under the MIT licence, and is
   * Copyright 2013 jQuery Foundation and other contributors
   * http://jquery.com/
   */
  var rtagName = /<([\w:]+)/;
  var wrapMap = {
    // Support: IE 9
    option: [ 1, "<select multiple='multiple'>", "</select>" ],

    thead: [ 1, "<table>", "</table>" ],
    tr: [ 2, "<table><tbody>", "</tbody></table>" ],
    td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
  };

  // Support: IE 9
  wrapMap.optgroup = wrapMap.option;

  wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.col = wrapMap.thead;
  wrapMap.th = wrapMap.td;

  return function(html) {
    var elem = document.createElement('div');
    if(html === undefined) return elem;
    html = html.replace(/^\s+/, '');

    var tag = ( rtagName.exec( html ) || ["", ""] )[ 1 ].toLowerCase();
    var wrap = wrapMap[ tag ];
    if (wrap) {
      elem.innerHTML = wrap[ 1 ] + html + wrap[ 2 ];
      var initial_elem = elem;
      var j = wrap[ 0 ];
      while ( j-- ) {
        elem = elem.firstChild;
      }
      if (elem.childElementCount == 1) {
        elem = elem.firstChild;
      } else {
        // html generated multiple tags, append them to initial_elem and remove wrapper
        while (elem.firstChild) {
          initial_elem.appendChild(elem.firstChild);
        }
        elem = initial_elem;
        elem.removeChild(elem.firstChild);
      }
    } else {
      // no wrapping required:
      elem.innerHTML = html;

      // remove the surrogate if there is only one child.
      if (elem.childElementCount == 1 && elem.firstChild.nodeType == 1 /* ELEMENT_NODE */) {
        elem = elem.firstChild;
      }
    }
    return elem;
  };
})();