Возьмите содержимое тела и оберните его внутри элемента, чтобы он выглядел как iframe

Question

Возьмите содержимое тела и оберните его внутри элемента, чтобы он выглядел как iframe

Итак, мне нужно, чтобы все HTML-теги внутри тега body были помещены в <div class="wrap" /> который живет в теле тега (глубоко внутри него). Этот код должен быть запущен из <body> сам тег, поэтому я думаю, что нам нужно добавить код к голове или добавить его после первого <script> пометить и запустить его оттуда.

Я хочу, чтобы он в основном выводил все содержимое тела в div с классом wrap на той же странице (внутри тела), с полосами прокрутки по мере необходимости, конечно, так overflow: auto; и скорее всего нужно будет использовать .wrapInner, но я не уверен, как справиться с этим полностью. Так что это должно быть вставлено в <div class="wrap" /> и имитирует идею iframe, но не совсем.

Любые идеи или код будет принята с благодарностью!

-1

jquery wrap document-body

Источник

user1443501 13 сен '13 в 00:11

1 ответ

Решение

Другие вопросы по тегам jquery wrap document-body

user114251 13 сен '13 в 00:26 2013-09-13 00:26 · Accepted Answer · 2013-09-13 00:26

Как вы сказали, вам нужно использовать .wrapInner()

jQuery(function(){
    $('body').wrapInner('<div class="wrap" />')
})

Демо: скрипка

Ваш второй вопрос: лучше ли было бы динамически создавать элемент переноса с кодом (изнутри тела) или он должен быть частью DOM с самого начала (изнутри тела)?

Всегда будет лучше, если вы поменяете разметку, чем потом модифицируете dom, используя скрипт