In JavaScript è semplice rimpiazzare un elemento.
In pratica possiamo usare la proprietà outerHTML
:
'use strict';
const replaceWith = ( element, html ) => {
element.outerHTML = html;
}
Esempio d'uso:
const el = document.querySelector( '#test' );
replaceWith( el, '<div class="test"></div>' );