JSFiddle - React, Tailwind, and code Playground

by igalst

HTML

<div id="parent">
  <span>a</span>
  <span>b</span>
  <span>c</span>
  <span>d</span>
</div>

JavaScript

const parent = document.getElementById('parent');
const inner = document.createElement('div');

const wrapElement = (toWrap, wrapper) => {
  toWrap.parentNode.appendChild(wrapper);
  return wrapper.appendChild(toWrap);
};

const wrapChildren = (parent, wrapper) => {
  [...parent.children].map(child => wrapper.appendChild(child));
  parent.appendChild(inner);
};

wrapChildren(parent, inner);