Bagaimana untuk Mengalih keluar Tag HTML dan Mengekstrak Teks Tulen dengan JavaScript?

Cara Mengekstrak Teks Tulen daripada HTML dengan JavaScript

Untuk mengekstrak teks tulen daripada elemen HTML tanpa tag HTML, ikuti langkah ini menggunakan JavaScript:

1. Kenal pasti elemen HTML.
   Anda boleh menggunakan kaedah getElementById() untuk mendapatkan elemen yang anda ingin ekstrak teks daripadanya. Dalam kes ini, anda mempunyai elemen dengan id="txt".

2. Dapatkan kandungan teks.
   Terdapat dua cara untuk mendapatkan kandungan teks daripada HTML elemen: innerText dan textContent. innerText mengembalikan kandungan teks yang boleh dilihat, manakala textContent mengembalikan semua kandungan teks, walaupun ia tersembunyi. Dalam kes ini, anda boleh menggunakan mana-mana kaedah. Begini cara anda menggunakannya:

   • innerTeks:

     <code class="javascript">var text = element.innerText;</code>

   • Kandungan teks:

     <code class="javascript">var text = element.textContent;</code>

3. Ganti HTML dengan teks.
   Setelah anda mempunyai kandungan teks, anda boleh menggantikan kandungan HTML elemen dengan kandungan teks. Begini cara anda melakukannya:

   <code class="javascript">element.innerHTML = text;</code>

Berikut ialah fungsi JavaScript lengkap yang boleh anda gunakan:

<code class="javascript">var element = document.getElementById('txt');
var text = element.innerText || element.textContent;
element.innerHTML = text;</code>

Apabila pengguna mengklik "Dapatkan Kandungan" butang, fungsi JavaScript ini akan dilaksanakan dan kandungan HTML dalam elemen p dengan id="txt" akan digantikan dengan kandungan teks tulen.

Atas ialah kandungan terperinci Bagaimana untuk Mengalih keluar Tag HTML dan Mengekstrak Teks Tulen dengan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!