7

如何将 div 移动到标签结束正文之前</body>。我正在使用openx，我无法更改div内容，因为内容归他人所有。我只是从 openx 中放置代码 javascript 以获得横幅，我将代码放在标记之后<body>，然后放在内容中的任何标记之前。我的问题是，当我从 openx 放置 javascript 来生成横幅时，我得到了两个平行的 div，横幅在其中，<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>

因为我想将横幅一放在内容上方，将横幅二放在内容下方。我不想使用 CSS position: fixed。

那么，可以将标签 div 移动到标签结束体之前吗？如果可能的话，请帮我编写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 回答