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

前端之家收集整理的这篇文章主要介绍了Javascript将div移动到标记结束正文前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在标记结束体之前将div移动到< / body>.我正在使用openx,我无法更改div内容,因为其他人拥有的内容.我只是从openx中输入代码 javascript以获得横幅我将代码放在标签< body>之后在内容添加任何标记之前 @H_404_2@而我的问题是,当我从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位置:修复.

那么,可以将标签div移动到标签结束体之前吗?@H_404_2@如果可能的话,请帮我编写javascript代码.

谢谢.

解决方法

简单的简单javascript:
document.body.appendChild(document.getElementById('div2'));

要移动节点,只需使用appendChild方法即可.

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

原文链接:https://www.f2er.com/js/154321.html

猜你在找的JavaScript相关文章