DOMj
Updated as you type
{ tag: "DIV", id: "foo", children: [ "Just some text", { tag: "INPUT", type: "text", value: "an input" }, { tag: "A", href: "https://github.com/mobz/domj", text: "a link" }, { tag: "BUTTON", type: "button", onclick: function() { alert( "hello" ); }, text: "a button" }, { tag: "UL", children: [ "apple", "berry", "cherry", "donut" ].map( function( fruit ) { return { tag: "LI", text: fruit }; } ) } ] }
Result
