Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk mengalih keluar html daripada js

Bagaimana untuk mengalih keluar html daripada js

PHPz
PHPzasal
2023-04-21 14:13:114673semak imbas
<p>JavaScript ialah bahasa pengaturcaraan peringkat tinggi yang pada asalnya dicipta untuk meningkatkan interaksi pengguna dengan halaman web Dalam halaman web, HTML ialah bahasa asas, yang digunakan untuk mentakrifkan penanda dan kandungan di dalam halaman web, dan JavaScript ialah. digunakan untuk mengawal markah dan kandungan ini. </p> <p>Tetapi kadangkala kita perlu mengalih keluar tag HTML dan mendapatkan teks biasa, seperti merangkak di tapak web, mengira panjang teks, dsb. Pada masa ini, kami boleh menggunakan JavaScript untuk mengalih keluar teg HTML. </p> <p>Dalam artikel ini, kami akan memperkenalkan cara menggunakan JavaScript untuk mengalih keluar teg HTML, dan kami juga akan menyediakan beberapa kaedah dan teknik biasa. </p> <p>1 Gunakan ungkapan biasa untuk mengalih keluar teg HTML </p> <p>Menggunakan ungkapan biasa dalam JavaScript ialah kaedah biasa untuk mengalih keluar teg HTML. Berikut ialah contoh asas: </p> <pre class="brush:php;toolbar:false">function stripHtml(html) {     return html.replace(/<[^>]+>/g,''); }</pre> <p>Dalam fungsi ini, kami menggunakan ungkapan biasa <code>/<[^>]+>/g</code> untuk mengalih keluar semua teg HTML. Maksud ungkapan biasa ini ialah: "padankan semua rentetan bermula dengan <code><</code>, berakhir dengan <code>></code> dan tanpa simbol <code><</code> atau <code>></code> di tengah". </p> <p>2. Gunakan pustaka pihak ketiga untuk mengalih keluar teg HTML </p> <p>Kaedah lain ialah menggunakan pustaka pihak ketiga. Contohnya, dalam Node.js, kita boleh menggunakan pustaka Cheerio untuk mengalih keluar teg HTML. Ia menyediakan sintaks seperti jQuery untuk memanipulasi dokumen HTML, termasuk keupayaan untuk mengalih keluar tag HTML. </p> <p>Berikut ialah contoh penggunaan Cheerio untuk mengalih keluar tag HTML: </p> <pre class="brush:php;toolbar:false">const cheerio = require('cheerio'); function stripHtml(html) {     const $ = cheerio.load(html);     return $.text(); }</pre> <p>Fungsi ini menggunakan kaedah <code>cheerio.load</code> untuk memuatkan dokumen HTML dan kaedah <code>$.text</code> untuk mendapatkan yang biasa teks. Cheerio sangat mudah dan ia juga menyediakan pelbagai pemilih, serupa dengan jQuery. </p> <p>3. Lintas nod dokumen untuk mengalih keluar tag HTML </p> <p>Dalam halaman web kami, dokumen HTML biasanya mengandungi banyak nod (nod ialah elemen dalam halaman web, seperti teg, nod teks, dll.) . JavaScript boleh menggunakan DOM (Document Object Model) untuk memanipulasi nod ini. </p> <p>Kita boleh lelaran melalui nod ini, mengalih keluar nod yang mengandungi teg HTML dan akhirnya mendapatkan teks biasa. Berikut ialah contoh: </p> <pre class="brush:php;toolbar:false">function stripHtml(html) {     const element = document.createElement('div');     element.innerHTML = html;     const nodes = element.childNodes;     let result = '';     for(let i = 0; i < nodes.length; i++) { if(nodes[i].nodeType === 3) { result += nodes[i].textContent; } } return result; }</pre><p>Fungsi ini mencipta elemen <code><div> tiruan dan memasukkan teks HTML ke dalamnya. Ia kemudian menggelung melalui semua nod anak menggunakan atribut <code>childNodes</code> dan menyemak sama ada setiap nod ialah nod teks (iaitu atribut <code>nodeType</code> ialah 3). Jika ia adalah nod teks, kandungan teks ditambahkan pada hasilnya. <p>4. Ringkasan</p><p>JavaScript ialah bahasa pengaturcaraan yang sangat berkuasa yang boleh digunakan untuk mengendalikan pelbagai elemen dalam dokumen HTML. Dalam artikel ini, kami memperkenalkan tiga kaedah untuk mengalih keluar teg HTML: ungkapan biasa, perpustakaan pihak ketiga dan merentasi nod dokumen. </p><p>Kaedah ini mempunyai kelebihan dan kekurangannya yang tersendiri, dan kita boleh memilih kaedah yang paling sesuai dengan kita mengikut situasi sebenar. Mengalih keluar tag HTML adalah keperluan biasa dalam pembangunan web Saya harap kaedah yang diperkenalkan dalam artikel ini boleh membantu semua orang. </p></pre>

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar html daripada js. 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