Bagaimana untuk Mengekstrak Teks Tulen daripada Elemen HTML menggunakan JavaScript?

Mengekstrak Teks Tulen daripada Elemen HTML dengan JavaScript

Apabila bekerja dengan halaman HTML, selalunya perlu mengekstrak kandungan teks tulen tanpa persekitaran elemen HTML. Ini boleh dicapai menggunakan JavaScript.

Dalam senario ini, anda mempunyai halaman HTML dengan butang dan beberapa teks disertakan dalam

unsur. Apabila butang diklik, penanda HTML harus dilucutkan, meninggalkan teks tulen tidak diubah.

Untuk mencapainya, anda boleh menggunakan fungsi JavaScript berikut:

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

The document.getElementById ('txt') baris mendapatkan semula

elemen dengan ID 'txt'.

Sifat innerText atau textContent boleh digunakan untuk mengambil kandungan teks dalam elemen. innerText menghampiri teks yang boleh dilihat (tidak termasuk teg), manakala textContent mengalih keluar tag HTML dengan ketat. Pilih sifat yang paling sesuai dengan keperluan anda.

Akhir sekali, element.innerHTML = teks menggantikan kandungan HTML dalam

dengan nilai teks tulen.

Dengan menggunakan teknik ini, anda boleh mengekstrak teks tulen daripada elemen HTML dengan berkesan, membolehkan anda memanipulasi kandungan teks mengikut keperluan.

Atas ialah kandungan terperinci Bagaimana untuk Mengekstrak Teks Tulen daripada Elemen HTML menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!