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:

• Sifat innerText mengembalikan kandungan teks elemen, tidak termasuk sebarang elemen HTML di dalamnya.
• Jika elemen itu tidak mempunyai sifat innerText (pelayar lama), sifat textContent boleh digunakan sebaliknya.
• Akhir sekali, kandungan HTML

  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!