人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascript DOM について

<div id="hoge"></div> の直前に

<div id="foo"></div> を入れたいと考えています。

そのためのコードを教えてください。
このようにしたいと考えています。

<div id="foo"></div><div id="hoge"></div>

よろしくお願いします。

●質問者: worldtravel
●カテゴリ:コンピュータ ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● a-kuma3
●60ポイント ベストアンサー

こんな感じになります。

 // 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


worldtravelさんのコメント
ありがとうございます。 できました。 hoge.parentNode.insertBefore(foo, hoge); 覚えておきます。

2 ● 井戸端さん
●40ポイント

こんな感じね。

var e = document.createElement('div');
e.id = 'foo';
document.body.insertBefore( e, document.getElementById('hoge') );

worldtravelさんのコメント
ありがとうございました。 いろいろな書き方があって面白いですね^^
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ