Переместить div, который находится за пределами тега тела, внутри тега тела

Question

У меня есть плагин wordpress, который помещает социальные значки в верхней части моего сайта. Проблема заключается в том, что div находится вне основного div тела (или div div). Поэтому, когда я меняю ширину моего сайта, социальные значки перемещаются относительно окна браузера, а не фактическое содержимое моего сайта. Обычно это было бы так же просто, как просто перемещать этот div вне оболочки div внутри него, но это плагин, и структура плагина неприятна тем, что структура div находится в миниатюрном файле javascript, а не в хорошем HTML/Формат PHP.

Итак, если вы зашли на мой сайт: http://warringah-plastics.com.au/, вы можете увидеть социальные значки в div «dcsmt» в верхнем правом углу, и я хочу поместить его влево от окна поиска веб-сайта, где находятся существующие социальные значки находятся. Как мне это сделать? Поэтому я действительно хочу разместить div «dcsmt» внутри существующего div «top-cont». Благодаря!

Answer 1

Создайте пустой div и дайте ему имя «social_icons_wrapper» в вашем заголовке рядом с полем поиска, где вы хотите значки социальных сетей.

Затем вызовите следующую JavaScript из футера:

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