<div id="hoge"></div> の直前に
<div id="foo"></div> を入れたいと考えています。
そのためのコードを教えてください。
このようにしたいと考えています。
<div id="foo"></div><div id="hoge"></div>
よろしくお願いします。
No.1
4973
2154
60pt
こんな感じになります。
489
414
// foo を作る
var foo = document.createElement("DIV");
foo.id = "foo";
// hoge を手に入れる
var hoge = document.getElementById("hoge");
// hoge の親 (hoge.parentNode) の子供として、foo を hoge の前に挿入する
hoge.parentNode.insertBefore(foo, hoge);
insertBefore メソッドのリファレンス。
https://developer.mozilla.org/ja/docs/Web/API/Node.insertBefore
No.1
49732154
ここでベストアンサー
60pt
こんな感じになります。
// foo を作る
var foo = document.createElement("DIV");
foo.id = "foo";
// hoge を手に入れる
var hoge = document.getElementById("hoge");
// hoge の親 (hoge.parentNode) の子供として、foo を hoge の前に挿入する
hoge.parentNode.insertBefore(foo, hoge);
insertBefore メソッドのリファレンス。
https://developer.mozilla.org/ja/docs/Web/API/Node.insertBefore
ありがとうございます。
できました。
hoge.parentNode.insertBefore(foo, hoge);
覚えておきます。
No.2
28951
40pt
こんな感じね。
var e = document.createElement('div'); e.id = 'foo'; document.body.insertBefore( e, document.getElementById('hoge') );
ありがとうございました。
いろいろな書き方があって面白いですね^^
1
1
1
ありがとうございます。
2014/05/29 15:12:22できました。
hoge.parentNode.insertBefore(foo, hoge);
覚えておきます。