Rumah  >  Artikel  >  hujung hadapan web  >  Cara Mengekstrak Teks daripada Elemen

Menggunakan JavaScript Tulen

Cara Mengekstrak Teks daripada Elemen
Menggunakan JavaScript Tulen

Patricia Arquette
Patricia Arquetteasal
2024-10-18 21:15:30803semak imbas

How to Extract Text from a <div> Elemen Menggunakan JavaScript Tulen Elemen Menggunakan JavaScript Tulen" />

Cara Mengekstrak Teks daripada
Teg dengan JavaScript Tulen

Masalah:
Apabila cuba mendapatkan semula teks

elemen menggunakan getElementById('superman').value, hasil yang dikembalikan ialah "undefined."

Penyelesaian:
Isu timbul kerana nilai bukan sifat yang sesuai untuk < div> unsur. Sebaliknya, gunakan textContent untuk mendapatkan teks dalam

.

Untuk menggambarkan, pertimbangkan kod berikut:

<code class="javascript">function test() {
  var t = document.getElementById('superman').textContent;
  alert(t);
}</code>

Berbanding dengan innerHTML, yang mengembalikan kandungan HTML < ;div>, textContent hanya menyediakan teks dalam

.

Sebagai contoh, diberikan HTML berikut:

<code class="html"><div id="test">
  Some <span class="foo">sample</span> text.
</div></code>

Keputusan berikut diperoleh:

  • innerHTML mengembalikan: "Sesetengah sample teks."
  • textContent kembali: "Sesetengah sampel teks."

Untuk maklumat lanjut, rujuk dokumentasi tentang:

  • [textContent](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent)
  • [innerHTML](https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML)

Atas ialah kandungan terperinci Cara Mengekstrak Teks daripada Elemen

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