Question

如何将div移至标记结束正文</body>之前。我正在使用openx，我无法更改div内容，因为其他人拥有的内容。我只是从openx中输入代码javascript以获得横幅我在标记<body>之后将代码放在内容中的任何标记之前。我的问题是，当我从openx生成javascript生成横幅时，我得到两个div并行，<div id="div1">和<div id="div2">中的横幅位于下面的标记<body>中，我想{ {1}}在标记开始正文<div id="div1">之后的内容中的任何标记。在标记之后标记结束正文<body>之前的<div id="div2">。

这是我从openx获取html，如下所示：

</body>

我想转换到如下：

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

因为我想将横幅广告放在内容之上，横幅广告2放在下面的内容中。我不想使用CSS <!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>。

那么，可以将标签div移动到标签结束体之前吗？如果可能的话，请帮我编写javascript代码。

感谢。

Answer 1

简单的简单javascript：

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

要移动节点，只需使用appendChild方法。

演示http://jsfiddle.net/6GsbB/

Answer 2

是。您可以这样做，但需要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'));

Javascript将div移动到标记结束正文

2 个答案:

小提琴：http://jsfiddle.net/praveenscience/zc8Ze/

小提琴：http://jsfiddle.net/praveenscience/zc8Ze/1/