Javascriptでコンテンツを作成してDOMに挿入する準備ができていますか？

Question

DOMにコンテンツを作成して追加するビデオチュートリアルがあります。私はまだ、これが最善の方法であることを少し納得だ

jQuery('<h2></h2>', {text: 'Hello world', class 'myClass'}).appendTo('article');

：

jQuery('<h2 class=myClass>Hello world</h2>').appendTo('article');

そうのようなオブジェクトを作成するに比べずさんである：彼はそうのような文字列をwrtingすることを示唆していますこれを行うの。たとえば、ここでDOM作成のやや複雑な例があります： - http://jsperf.com/string-creation-dave JSで要素を作成する方法を提案すると、要素全体の文字列を渡すよりも遅く実行されます。

したがって、JSの読みやすさでオブジェクトを作成する唯一のメリットはありますか？ JSでどのように要素を作成しますか？ DOMに挿入する文字列を渡すか、JSでオブジェクトを生成してそのようにオブジェクトを構築しますか？

Answer 1

もっともきれいな解決策は、createElementメソッドで要素を作成し、その属性を設定して後でdomに挿入することです。

さらに多くの要素がある場合は、完成したツリーに従ってツリー全体をDOMに挿入します。

例from MDN：

function addElement() 
{ 
    // create a new div element 
    // and give it some content 
    newDiv = document.createElement("div"); 
    newContent = document.createTextNode("Hi there and greetings!"); 
    newDiv.appendChild(newContent); //add the text node to the newly created div. 

    // add the newly created element and it's content into the DOM 
    my_div = document.getElementById("org_div1"); 
    document.body.insertBefore(newDiv, my_div); 
} 

が、そのようなコードを書きたい人、深刻な;）個人的に私はあなたに合ったものは何でも、あなたの最初の例に固執したいです。