Как обернуть все содержимое тела в div с помощью javascript?

Question

[Александр Иванов]

$(document).ready(function() {
          $('body').wrapInner('<div class="content" />');
      });

По сути тоже самое как-то перевести на чистый js.

Comments

[shmatuan]

https://codepen.io/kenjiroart/pen/raxpn
https://stackoverflow.com/questions/21817538/how-c...

[Владимир Проскурин]

Не буду отвечать конкретно, но дам совет, как находить такие штуки. Просто пишите в гугле
js {jquery func} without jQuery
т.е. в данном случае, достаточно ввести
js wrapInner without jQuery

[imdeveloper]

Например создайте такую функцию:

var wrap = function (toWrap, wrapper) {
    wrapper = wrapper || document.createElement('div');
    toWrap.parentNode.appendChild(wrapper);
    return wrapper.appendChild(toWrap);
};

Answer 1

[Сергей Соколов]

Перебрать все childNodes у body и перенести их в свежесозданный div. Это перенесет все узлы, включая пробелы и комментарии. А также сохранит слушателей событий.

const div = document.createElement("div");
const nodes = document.body.childNodes;
while (nodes.length) div.appendChild(nodes[0]);
document.body.appendChild(div);

Fiddle

Answer 2

[Андрей]

https://codepen.io/kenjiroart/pen/raxpn