Как обернуть элемент другим элементом с классом [Простой Javascript]?

Question

Я пытаюсь обернуть таблицу в div. Я также хочу, чтобы созданный элемент имел класс или стиль. Может ли кто-нибудь здесь помочь мне достичь этого?

function wrap(el, wrapper) {
  el.parentNode.insertBefore(wrapper, el);
  wrapper.appendChild(el);
}

wrap(document.querySelector("table"), document.createElement("div"));

Answer 1

Вы можете сделать это с помощью classList.add(), как показано ниже:

function wrap(el, wrapper) {
  el.parentNode.insertBefore(wrapper, el);
  wrapper.classList.add("wrapper");
  wrapper.appendChild(el);
}

function wrap(el, wrapper) {
  el.parentNode.insertBefore(wrapper, el);
  wrapper.classList.add("wrapper");
  wrapper.appendChild(el);
}

wrap(document.querySelector("table"), document.createElement("div"));

.wrapper {
  background-color: chocolate;
}

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>