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
Susan Sarandonasal
2024-12-17 02:09:24902semak imbas

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 || "";
}

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!

Kenyataan:
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 sebelumnya:Mull It OverArtikel seterusnya:Mull It Over