JavaScript: implementare il metodo replaceWith() di jQuery

JavaScript
29/06/2014
Gabriele Romanato

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:


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

Esempio d'uso:


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

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