Como replace o elemento DOM no lugar usando JavaScript?

Eu estou olhando para replace um elemento no DOM.
Por exemplo, há um elemento que eu quero replace por um .

Como eu iria e faria isso?

usando replaceChild () :

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

a é o elemento A substituído.

A.replaceWith (span)

Forma genérica:

 target.replaceWith(element); 

Muito melhor / mais limpo do que o método anterior.

Para o seu caso de uso:

 A.replaceWith(span); 

Mozilla Docs

Navegadores Suportados – 84% Mar 2018

Esta questão é muito antiga, mas eu me vi estudando para uma Certificação Microsoft, e no livro de estudo foi sugerido usar:

 oldElement.replaceNode(newElement) 

Eu olhei para cima e parece ser apenas suportado no IE. Do ..

Eu pensei em apenas adicionar aqui como uma nota lateral engraçada;)