Bagaimana untuk mengekstrak teks biasa dari HTML dengan JavaScript?

Linda Hamilton
Lepaskan: 2024-10-31 19:34:02
asal
378 orang telah melayarinya

How to Extract Plain Text from HTML with JavaScript?

Mengalih keluar Elemen HTML untuk Pengekstrakan Teks Biasa dengan JavaScript

Apabila berurusan dengan kandungan HTML, terdapat situasi di mana anda mungkin perlu mengekstrak yang tulen teks tanpa tag elemen HTML. JavaScript menyediakan cara yang mudah untuk mencapainya.

Pernyataan Masalah:

Anda mempunyai dokumen HTML dengan butang dan teks yang disertakan dalam

unsur. Selepas mengklik butang, anda mahu mengalih keluar semua tag elemen HTML daripada teks dalam

elemen, hanya meninggalkan teks biasa.

Penyelesaian:

Untuk mencapai ini, ikuti langkah ini menggunakan JavaScript:

<code class="javascript">function get_content() {
  // Get the element by its ID
  var element = document.getElementById('txt');

  // Extract the plain text using either innerText or textContent
  // Depending on the browser support and specific requirements, you can use either of these methods.
  var text = element.innerText || element.textContent;

  // Replace HTML elements with the pure text
  element.innerHTML = text;
}</code>
Salin selepas log masuk

Dengan menggunakan ini fungsi, apabila pengguna mengklik butang, tag HTML dalam

elemen akan dialih keluar, hanya meninggalkan teks biasa.

innerText vs. textContent:

Pilihan antara innerText dan textContent bergantung pada keperluan anda. innerText meniru teks yang kelihatan, termasuk sebarang ruang, pemisah baris dan teks tersembunyi. Sebaliknya, textContent menghilangkan sebarang pemformatan atau elemen tersembunyi.

Keserasian:

innerText mempunyai keserasian yang lebih baik dengan pelayar IE yang lebih lama tetapi mungkin tidak sesuai untuk HTML yang kompleks struktur. textContent disyorkan untuk tingkah laku yang lebih mantap dan konsisten merentas penyemak imbas.

Atas ialah kandungan terperinci Bagaimana untuk mengekstrak teks biasa dari HTML 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!