javascript memadam kandungan

JavaScript ialah bahasa pengaturcaraan yang digunakan secara meluas yang digunakan untuk interaktiviti dan dinamik dalam tapak web. Ia digunakan secara meluas dalam reka bentuk dan pembangunan web untuk mengesahkan dan memasukkan data borang, menunjukkan dan menyembunyikan elemen, mencipta kesan dinamik, memanggil API dan juga memadamkan elemen pada halaman. Artikel ini akan merangkumi cara yang berbeza untuk mengalih keluar kandungan menggunakan JavaScript.

1. Gunakan kaedah removeChild()

Gunakan kaedah removeChild() untuk mengalih keluar elemen daripada DOM Kaedah ini memerlukan penetapan elemen induk bagi elemen tersebut dipadamkan. Berikut ialah sintaks kaedah:

parentelement.removeChild (elemen untuk dialih keluar); 🎜>

<div id="target-div">
  <p>这是要删除的文本内容。</p>
</div>

var div = document.getElementById("target-div");
div.parentNode.removeChild(div);

Gunakan atribut innerHTML

2. Gunakan atribut innerHTML untuk mengatasi kandungan elemen. Sebagai contoh, dalam kod HTML berikut, kandungan elemen akan digantikan dengan "kandungan baharu".

<div id="target-div">
  原始内容。
</div>

Salin selepas log masuk

var div = document.getElementById("target-div");
div.innerHTML = "";

Gunakan atribut outerHTML

3. Gunakan atribut outerHTML untuk mengalih keluar elemen sepenuhnya, termasuk elemen dan anak-anaknya. Berikut ialah kod HTML yang mengandungi elemen div dan anak-anaknya yang ingin anda padamkan:

<div id="target-div">
  <p>要删除的文本内容。</p>
</div>

Salin selepas log masuk

var div = document.getElementById("target-div");
div.outerHTML = "";

Menggunakan jQuery

4. jQuery ialah perpustakaan JavaScript yang popular untuk memudahkan manipulasi DOM. Sintaks jQuery adalah lebih mudah daripada JavaScript mentah dan mempunyai keserasian merentas pelayar tetap.

$("#target-div").remove();

Atas ialah kandungan terperinci javascript memadam kandungan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!