Bagaimana untuk Menggantikan Elemen DOM Di Tempat dengan JavaScript?

Menggantikan Elemen DOM Di Tempat dengan JavaScript

Menggantikan elemen dalam DOM boleh menjadi teknik yang berguna dalam pembangunan web. Sebagai contoh, jika anda mempunyai elemen sauh () yang anda mahu gantikan dengan elemen span (), anda boleh melakukannya menggunakan JavaScript.

Pendekatan paling berkesan untuk menggantikan sesuatu Elemen DOM yang ada adalah untuk menggunakan kaedah replaceChild(). Begini cara anda melaksanakan perkara ini:

1. Dapatkan rujukan kepada elemen DOM:

   <code class="javascript">var myAnchor = document.getElementById("myAnchor");
   var mySpan = document.createElement("span");</code>

2. Ubah suai kandungan elemen baharu:

   <code class="javascript">mySpan.innerHTML = "replaced anchor!";</code>

3. Ganti elemen asal dengan yang baharu menggunakan kaedah replaceChild() parentNode:

   <code class="javascript">myAnchor.parentNode.replaceChild(mySpan, myAnchor);</code>

Proses ini akan lancar gantikan elemen sauh () dengan elemen span (), mengekalkan kedudukan elemen dalam DOM.

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