Bagaimana untuk Menggantikan Elemen DOM di Tempat dengan Elemen Berbeza Menggunakan JavaScript?

Penggantian Elemen DOM DOM Di Tempat Menggunakan JavaScript

Apabila bekerja dengan DOM, mungkin timbul situasi di mana anda perlu menggantikan elemen sedia ada dengan jenis elemen yang berbeza. Ini boleh dicapai menggunakan kaedah replaceChild(), seperti yang ditunjukkan dalam senario berikut.

Senario: Gantikan elemen dengan elemen.

Penyelesaian:

<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>

Coretan kod ini menunjukkan cara menggantikan elemen dengan elemen di tempat menggunakan JavaScript, memanfaatkan kaedah replaceChild().

Atas ialah kandungan terperinci Bagaimana untuk Menggantikan Elemen DOM di Tempat dengan Elemen Berbeza Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!