JavaScriptでHTMLをダイナミックに書き換える 前編

ある要素の直前に追加する（insertBefore） これまでのサンプルでは、要素を追加するところに、それを収容する要素が事前に準備されていました。しかし、あるタグ要素を追加したいときに、その追加したいタグを収容する要素がすでに存在しているとは限りません。そのような場合に役に立つのがinsertBeforeメソッドです。このメソッドは名前の通り、あるタグ要素の前に、新たな要素を追加するメソッドです。正確に言うと、親となるタグ要素があり、その直下の子要素のいずれかを指定し、その直前に新たな要素を追加します。 insertBeforeメソッドには2つの引数を与えて使います。1つ目は、新たに追加したい要素ノードオブジェクトです。2つ目は、追加したい要素の場所を表すために使う、直前の子要素のノードオブジェクトです。 次のサンプルを見て、具体的な使い方を見ていきましょう。 insertBefore.

[Hamukoro]

IinsertBefore

[chanpon0]

createElementで要素を作って既存の要素にappend。よりは、後ろにhtmlのテキストをくっつけるほうが速いしカンタンとな。

[taki0313]

いちおう．