An HTML DSL in CoffeeScript

html.coffee

scope = []

enter = ->
  scope.push([])
  scope[scope.length - 1]

leave = ->
  scope.pop()
  scope[scope.length - 1]

T = (tag) -> (attributes, init) ->
  children = enter()
  init?()
  parent = leave()
  element = { tag, attributes, children }
  parent?.push element
  element

html = T 'html'
body = T 'body'
p = T 'p'

root =
  html { lang: 'en' }, ->
    body {}, ->
      p {}
      p {}


document.querySelector('#result').textContent = JSON.stringify root, null, 2

JS Bin: https://jsbin.com/zarenil/edit?js,output