<div class='root'>
<div class='root-header'>
1
</div>
<div class='root-content'>
2
</div>
</div><div class='root'>
<div class='root-header'>
1
</div>
<div class='myClass'>
<div class='root-content'>
2
</div>
</div>
</div>
const wrapper = document.createElement('DIV') // создаем обертку
wrapper.className = 'myClass' // с классом
const target = document.querySelector('.root-content') // ищем целевой див
target.insertAdjacentElement('afterend', wrapper) // вставляем обертку сразу после цели
wrapper.appendChild(target) // перемещаем целевой внутрь обертки<!DOCTYPE html><html lang="ru">
<head>
<meta charset="UTF-8">
<title>test</title>
<script>
document.addEventListener('DOMContentLoaded', function() {
let NawCont = document.getElementById('root'); // Получаем текущие блоки
let NewDiv = document.createElement('div'); // Создаём новый блок
NewDiv.className = "NewClassEl"; // Добавляем новому блоку класс
NewDiv.appendChild(NawCont); // Вставляем в новый блок контент
document.body.appendChild(NewDiv); // Вставялем это всё на страницу
});
</script>
</head>
<body>
<div id="root">
<div class="root-header">
1
</div>
<div class="root-content">
2
</div>
</div>
</body>
</html>