자바 스크립트로 HTML 폼 생성하기

Question

내 앱은 자바 스크립트를 사용하여 내 웹 사이트의 모든 HTML을 생성합니다. index.html에 기본적으로 포함되어 있습니다.

<div id="menu"></div><div id="content/><div id="content2/> 

그리고 javascript가 div를 대체합니다. 나는 폼을 만들어야 할 때 많은 반복적 인 작업을 수행한다는 것을 알았다.

var html = "<form id="form1"> ... </form>"; 

당신이

generateForm(<formId>, [{name: "field1", type: button}, {name: "field2", type: input}]); 

또는 비슷한 뭔가를 할 수 있도록 HTML 양식을 생성 할 수있는 좋은 프레임 워크가 있습니까?

당신은 등 Mootools의, jQuery를, 같은 프레임 워크를 사용하여 생성을 단순화 할 수

Answer 1

...

당신이 (MooTools에서) 이런 식으로 뭔가있을 것입니다 폼 생성하려면 :

var form = new Element('form', { 'id' : 'myFormId', 'class' : 'myFormClass', ... }); 
var btn = new Element('input', { 'type' : 'button' , ... }) 
form.inject(btn); 

을 코드 생성을 중앙 집중화하기위한 몇 가지 방법으로이 논리를 캡슐화 할 수 있습니다.

Answer 2

javascript :

을 사용하여 테이블 tr 및 td를 만든 프로젝트를 작성했습니다.

objTR = document.createElement ("TR");
objTR.setAttribute ("id", "factor_row_"+ id);

objTD = document.createElement ("TD");
objDIV = document.createElement ("DIV");

objDIV.setAttribute ("id", "title_"+ id);
objDIV.innerHTML = title;
objTD.appendChild (objDIV);
objTR.appendChild (objTD);

나는 appendChild가 도움이 될 것이라고 생각합니다. 양식 요소를 작성하고 속성을 작성한 다음이를 상위 요소에 추가해야합니다. 희망이 당신을 돕는다;)

Answer 3

PURE
과 같은 템플릿 엔진을 시도해 볼 수 있습니다. HTML을 정의한 다음 JSON 데이터를 기반으로 렌더링합니다.