JS 함수를 사용하여 돔 생성 용 라이브러리

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 dom = $('<div class="aaa"/>') 
    .css('background-color', 'yellow') 
    .append(
     $('<h1/>').text('Hello'), 
     $('<h2/>').text('World') 
    ); 

는 "JS DOM 빌더"인터넷 검색을 시도하십시오. 내가 발견

• http://insin.github.io/DOMBuilder/build.html
• https://code.google.com/p/mkup/wiki/Examples합니다. jQuery의 세계에
• https://github.com/fgnass/mkay

Answer 2

에 오신 것을 환영합니다!

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