JavaScript: sostituire il contenuto di un elemento

In JavaScript possiamo sostituire completamente il contenuto di un elemento.

Il metodo .replaceWith() di jQuery sostituisce un elemento selezionato con un altro elemento specificato come tag HTML. Possiamo ottenere lo stesso risultato con il semplice JavaScript.

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>" );