0

JavaScriptで追加する際のベストプラクティスと考えられるものを誰かが説明できますか？

var element = document.createElement('p');
element.innerHTML = 'This is appended' ;
var div = document.getElementById('div');
div.appendChild(element);

また

var div = document.getElementById('div');
div.innerHTML = '<p>This is appended</p>';

私は多くの人々がjQueryでこのようにそれをしているのを見ます：

$('#div').append('<p>This is appended</p>');

しかし、私はいつもこのようにそれをしました：

var element = document.createElement('p');
element.innerHTML = 'This is appended' ;
$('#div').append(element);

前もって感謝します

4

3 に答える 3

5

jQuery を使用している場合は、次の点でまったく問題ありません。

$('#div').append('<p>This is appended</p>');

その少ないコードと少ない手順。

于 2012-06-08T15:52:47.807 に答える
3

IMO、DOM を操作するときは、文字列ではなく DOM のように扱ってください。

つまり、要素やテキスト ノードを作成するためにマークアップを使用しないでください。DOM 作成メソッドを使用します。

document.getElementById('div')
        .appendChild(document.createElement('p'))
        .appendChild(document.createTextNode('This is appended'));

マイクロソフトの.innerHTML発明は魅力的で、ピンチのときに役立つかもしれませんが、私は通常それを避けます。

ヘルパーを使用すると、上記のメソッドの冗長性を減らすことができます。

于 2012-06-08T16:09:29.037 に答える
2

私は通常、jQuery を使用して要素を作成します。

var paragraph = $("<p />", {
  className : "someClass",
  text : "this is appended"
})


div.append(paragraph)

このアプローチは、DOM への影響が少ないため、HTML を直接挿入するよりも好ましいと思います。

于 2012-06-08T15:52:28.700 に答える