[解決済み] DOMにHTML文字列を追加する

質問

のようなHTML文字列を追加するにはどうすればよいですか？

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

から <div> というIDで test ?

(Btw div.innerHTML += str; は不可)

解決方法は？

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

div.insertAdjacentHTML( 'beforeend', str );

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

ライブデモの様子です。 http://jsfiddle.net/euQ5n/