DOM.js

gistfile1.txt

/**
 * Usage:
 *
 * DOM("div#notebook")
 * DOM("ul.tabs[data-target=notebook]")
 */

var DOM = function(selector, textContent) {
  var tokens   = selector.split(/\b/)
  var tagName  = tokens.shift()
  var node     = document.createElement(tagName)
  var token    = null

  var shiftWord = function() {
    var word = ""
    var subToken = tokens.shift()

    while(subToken && subToken.match(/^(\w+|-)$/) !== null) {
      word += subToken
      subToken = tokens.shift()
    }
    tokens.unshift(subToken)

    return word
  }

  while(token = tokens.shift()) {
    switch(token) {
      case "#":
        node.setAttribute("id", shiftWord())
        break
      case ".":
        node.classList.add(shiftWord())
        break
      case "[":
        var attrName = shiftWord()
        tokens.shift()
        var attrValue = shiftWord()
        tokens.shift()
        node.setAttribute(attrName, attrValue)
        break
      default:
        break
    }
  }

  if (textContent) {
    node.textContent = textContent
  }

  return node
  }
}