0

コンテンツの作成と DOM への追加に関するビデオ チュートリアルを見たことがあります。彼は、文字列を次のように書くことを提案しています。

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

次のようなオブジェクトの作成に比べてずさんです。

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

これがこれを行う最良の方法であることにまだ少し確信が持てません。たとえば、ここに DOM 作成のもう少し複雑な例があります。 .

したがって、JS の可読性を備えたオブジェクトを作成する唯一の利点はありますか? JS でどのように要素を作成しますか? 文字列を渡して DOM に挿入するだけですか、それとも JS でオブジェクトを生成し、そのようにオブジェクトを構築しますか?

4

1 に答える 1

1

最もクリーンな解決策は、メソッドを介して要素を作成し、createElementその属性を設定して、後で dom に挿入することです。

さらに要素がある場合は、それに応じたツリーを構築し、終了したらツリー全体を dom に挿入します。

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);
}

しかし、真面目で、そのようなコードを書きたい人;) 個人的には、あなたに合った最初の例に固執します。

于 2012-04-19T10:13:19.120 に答える