DOMを関数で設定したい

Question

htmlに要素を追加するためにjavascriptを使ってっています。
いままではすべてまとめて書いていたのですが、コンパクトにするために関数を設定して、使うたびに引数を入れようとしてます。

   function Setobject(html_element, html_parent, js_elementcontainer, i) {

       var html_element = document.createElement("div");
       html_parent.appendChild(html_element);
       html_element.setAttribute("id", html_element + i);
       html_element.classList.add(html_element);
       html_element.classList.add("object");
       js_elementcontainer.push(html_element);
       html_element.style.left = WRAPPER.clienttWidth * 0.2 * (1 + i) + "px";

Setobject(topobject, topobjectcontainer, topobjects, i)
   }

みたいな感じで呼び出したいです。
名前を設定時につかいたいのですがうまくいきません。。。

Comments

[m.ts10806]

うまくいかないとは？
誰にも何も伝えない表現ですので質問本文に具体的に追記してください。

[think49]

要件が全く説明されていません。

Answer 1

JsonML ベースでDOM構造を生成する実装ならこちらが参考になりますが,そういうのではないですよね？

Comments

[jouson-129]

JsonDOMというものを知らなかったので、調べたところ、変数や多くの処理を追加毎に書くことなく、id、classも追加できるのですね…
今後にも使えそうなので今回はこれを使ってdomをいじってみたいと思います！ありがとうございました！

[AkitoshiManabe]

随分古い実装になりますが、参考になるのであれば、http://www.jsonml.org/ もご確認ください。回答欄で示したリンク先は、文書フラグメントなどに対応しておらず、参考としては十分ですが簡易的な内容になります。JsonDOMに行き着いたということは別物かもしれませんけど…。