7

タグ end body の前に div を移動する方法</body>。私は openx を使用しています。コンテンツは他のユーザーが所有しているため、div コンテンツを変更できません。バナーを取得するために、openx からコード javascript を配置しました<body>。そして私の問題は、openx から javascript を配置してバナーを生成すると、2 つの div が並列に取得され、バナーがtag の下にあり<div id="div1">、コンテンツ内の任意のタグの上にタグを開始するボディの後にしたいことです。そして、任意のタグの後のタグ終了ボディの前に。<div id="div2"><body><div id="div1"><body><div id="div2"></body>

これは、次のように、openx から html を取得したものです。

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <div id="div1"><img src="blablabla" /></div>
        <div id="div2"><img src="blablabla" /></div>
        Here is content other div id or div class,
        I not define example insert after div id footer
        Because this is content owned by others.
        This is justexample content.
    </body>
</html>

そして、私は以下のように変換したい:

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <div id="div1"><img src="blablabla" /></div>
        Here is content other div id or div class,
        I not define, example insert after div id footer
        Because this is content owned by others.
        This is justexample content.
        <div id="div2"><img src="blablabla" /></div>
    </body>
</html>

コンテンツの上にバナー1、コンテンツの下にバナー2を配置したいからです。CSS を使いたくないposition: fixed。

では、タグ div をタグ終了 body の前に移動することは可能ですか? 可能であれば、それを行うための JavaScript のコーディングを手伝ってください。

ありがとう。

4

2 に答える 2

15

シンプルなJavaScript：

document.body.appendChild(document.getElementById('div2'));

ノードを移動するには、appendChildメソッドを使用するだけです。

そしてデモhttp://jsfiddle.net/6GsbB/

于 2013-03-27T18:05:00.120 に答える
4

はい。この方法で実行できますが、 jQueryが必要です。

a = $("#div2").clone();
$("#div2").remove();
$("body").append(a);

フィドル: http://jsfiddle.net/praveenscience/zc8Ze/

プレーンな JavaScript メソッド。

var a = document.getElementById("div2");
document.body.appendChild(a);

フィドル: http://jsfiddle.net/praveenscience/zc8Ze/1/

コメントから、これはdfsqによって与えられる、より効率的な方法で作成できます。

document.body.appendChild(document.getElementById('div2'));
于 2013-03-27T18:02:20.880 に答える