Bagaimana untuk Menggantikan Elemen DOM Di Tempat dengan JavaScript?

Linda Hamilton
Lepaskan: 2024-11-01 06:33:31
asal
411 orang telah melayarinya

How to Replace DOM Elements In-Place with 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>
    Salin selepas log masuk
  2. Ubah suai kandungan elemen baharu:

    <code class="javascript">mySpan.innerHTML = "replaced anchor!";</code>
    Salin selepas log masuk
  3. Ganti elemen asal dengan yang baharu menggunakan kaedah replaceChild() parentNode:

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

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!