JavaScript: sostituire completamente i contenuti di un elemento

In JavaScript è semplice sostituire completamente i contenuti di un elemento.

In pratica possiamo usare la proprietà outerHTML:

'use strict';

const replaceWith = ( element, html ) => {
	element.outerHTML = html;
}

Esempio d'uso:

let el = document.querySelector( "#test" );

replaceWith( el, "<div class='test'></div>" );