将body标签外的div移动到body标签内答案

【问题标题】：Move a div that's outside the body tag to inside body tag将body标签外的div移动到body标签内
【发布时间】：2013-02-04 20:21:26
【问题描述】：

我有一个 wordpress 插件，可以将社交图标放在我网站的顶部。问题是尽管 div 在主体 div 之外（或包装 div）。因此，当我更改网站的宽度时，社交图标会相对于浏览器窗口移动，而不是我网站的实际内容。通常它就像将 div 移到 wrap div 之外一样简单，但它是一个插件，并且该插件的结构令人讨厌，因为 div 结构位于一个缩小的 javascript 文件中，而不是一个漂亮的 HTML/ PHP 格式。

因此，如果您访问我的网站：http://warringah-plastics.com.au/，您可以在右上角的 div“dcsmt”中看到社交图标，我想将其放置在网站搜索框的左侧，其中那些现有的社交图标是。我该怎么做？所以我真的想把“dcsmt”div 放在现有的“top-cont”div 中。谢谢！

【问题讨论】：

您可以使用一些简单的 javascript 更改该 div 在 DOM 中的位置。我想。

标签： wordpress html plugins move

【解决方案1】：

创建一个空 div，并在您想要社交媒体图标的搜索框附近的标题中将其命名为“social_icons_wrapper”。

然后从您的页脚调用以下 javascript：

var div_to_move = document.getElementById('dcsmt');
document.getElementById('social_icons_wrapper').appendChild(div_to_move);

【讨论】：