Comment remplacer un élément DOM en place par un élément différent à l'aide de JavaScript ?

Remplacement des éléments DOM DOM en place à l'aide de JavaScript

Lorsque vous travaillez avec le DOM, il peut y avoir des situations où vous devez remplacer un élément existant avec un type d'élément différent. Ceci peut être réalisé en utilisant la méthode replaceChild(), comme illustré dans le scénario suivant.

Scénario : Remplacez un élément par un élément

Solution :

<code class="js">// Retrieve the <a> element
var myAnchor = document.getElementById("myAnchor");

// Create the <span> element
var mySpan = document.createElement("span");

// Set the innerHTML of the <span> element
mySpan.innerHTML = "replaced anchor!";

// Replace the <a> element with the <span> element
myAnchor.parentNode.replaceChild(mySpan, myAnchor);</code>

Cet extrait de code montre comment remplacer efficacement un élément par un élément élément en place à l'aide de JavaScript, en exploitant la méthode replaceChild().

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!