html - JS 関数を使用した Dom 生成用ライブラリ

Question

シンプルな js 関数を使用して DOM を生成できるライブラリを探しています。

コードがどのように見えるかを想像する例を次に示します。

var dom = 
    div({class:'aaa', style:'background-color: yellow;'}, [
        h1([text('Hello')]),
        h2([text('World')])
    ])

$('body').innerHTML(dom.render())

この種のものを見たことがありますか？ありがとう！

Answer 1

jQueryの世界へようこそ!

var div = $("<div>")
              .addClass("aaa")
              .css({background: "yellow"})
              .append("<h1>Hello</h1>")
              .append("<h2>World</h2>")
              .appendTo("body");