DOMにHTML文字列を追加する 質問する

DOMにHTML文字列を追加する 質問する

次のようなHTML文字列を追加する方法

var str = '<p>Just some <span>text</span> here</p>';

<div>ID を持つにtest?

(ちなみにdiv.innerHTML += str;受け入れられません。)

ベストアンサー1

使用insertAdjacentHTMLどれの現在すべてのブラウザでサポートされています:

div.insertAdjacentHTML( 'beforeend', str );

位置パラメータはbeforeend、要素の最後の子の後に要素内に追加されます。

ライブデモ: http://jsfiddle.net/euQ5n/

おすすめ記事