Come sostituire l’elemento DOM in posizione utilizzando Javascript?

Sto cercando di sostituire un elemento nel DOM.
Ad esempio, c’è un elemento che voglio sostituire con un .

Come potrei andare e farlo?

usando replaceChild () :

         
 var a = A.parentNode.replaceChild(document.createElement("span"), A); 

a è l’elemento A sostituito.

A.replaceWith (arco)

Forma generica:

 target.replaceWith(element); 

Modo migliore / più pulito rispetto al metodo precedente.

Per il tuo caso d’uso:

 A.replaceWith(span); 

Mozilla Docs

Browser supportati – 84% Mar 2018

Questa domanda è molto vecchia, ma mi sono trovato a studiare per una certificazione Microsoft, e nel libro di studio è stato suggerito di usare:

 oldElement.replaceNode(newElement) 

L’ho cercato e sembra essere supportato solo in IE. Doh ..

Ho pensato di aggiungerlo qui come una divertente nota a margine;)