Rumah > Artikel > hujung hadapan web > Bagaimanakah saya boleh mengekstrak teks tulen daripada elemen HTML menggunakan JavaScript?
Cara Mengekstrak Teks Tulen daripada Elemen HTML Menggunakan JavaScript
Apabila berurusan dengan elemen HTML yang mengandungi kedua-dua teks dan markup, selalunya wajar untuk mendapatkan kandungan teks tanpa elemen HTML. Ini boleh dicapai menggunakan JavaScript, seperti yang ditunjukkan dalam contoh berikut.
Dalam coretan HTML yang disediakan, kami mempunyai butang dengan acara onclick yang mencetuskan fungsi JavaScript, yang ditugaskan untuk mengekstrak kandungan teks daripada < ;p> elemen dan mengalih keluar elemen HTML.
Hasil Jangkaan:
Apabila pengguna mengklik butang, elemen HTML dalam
elemen akan dialih keluar, hanya meninggalkan kandungan teks tulen.
Fungsi JavaScript:
Fungsi JavaScript berikut menggunakan sifat innerText untuk mengekstrak kandungan teks daripada < p> elemen:
<code class="javascript">function get_content() { // Retrieve the <p> element by its ID var element = document.getElementById('txt'); // Extract the text content using innerText var text = element.innerText || element.textContent; // Update the HTML content of the <p> element with the extracted text element.innerHTML = text; }</code>
Penjelasan:
elemen dikemas kini dengan teks yang diekstrak, dengan berkesan mengalih keluar elemen HTML.
Atas ialah kandungan terperinci Bagaimanakah saya boleh mengekstrak teks tulen daripada elemen HTML menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!