Rumah > hujung hadapan web > tutorial js > Bagaimanakah saya boleh mengalih keluar Tag HTML daripada Teks Menggunakan JavaScript Tulen?

Bagaimanakah saya boleh mengalih keluar Tag HTML daripada Teks Menggunakan JavaScript Tulen?

Susan Sarandon
Lepaskan: 2024-12-17 02:09:24
asal
899 orang telah melayarinya

How Can I Remove HTML Tags from Text Using Pure JavaScript?

Melucutkan Teg HTML daripada Teks dengan JavaScript Tulen

Melucutkan teg HTML daripada teks boleh menjadi tugas biasa dalam pembangunan web, contohnya, apabila menghuraikan kandungan daripada sumber yang tidak dipercayai atau menukar HTML kepada teks biasa. Begini cara melakukannya menggunakan JavaScript biasa, tanpa bergantung pada perpustakaan luaran:

Menggunakan DOM untuk Alih Keluar Teg

Jika anda bekerja dalam persekitaran penyemak imbas, kaedah yang paling berkesan ialah memanfaatkan keupayaan penghuraian HTML terbina dalam penyemak imbas:

function stripHtml(html) {
  let tmp = document.createElement("DIV");
  tmp.innerHTML = html;
  return tmp.textContent || tmp.innerText || "";
}
Salin selepas log masuk

Nota: Keselamatan Pertimbangan

Seperti yang dinyatakan dalam ulasan, pendekatan ini harus digunakan dengan berhati-hati apabila berurusan dengan HTML yang tidak dipercayai, seperti input pengguna. Kod hasad boleh disuntik melalui teg, jadi anda disyorkan untuk membersihkan HTML terlebih dahulu sebelum menanggalkan teg.

Untuk mengendalikan HTML yang tidak dipercayai, pertimbangkan untuk menggunakan kaedah yang lebih selamat seperti DOMParser, seperti yang dicadangkan dalam jawapan alternatif oleh Saba.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mengalih keluar Tag HTML daripada Teks Menggunakan JavaScript Tulen?. 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