Bagaimana untuk Mendapatkan Teks dari Div Tag dalam JavaScript tanpa jQuery?

Kaedah Alternatif untuk Mendapatkan Teks daripada Teg Div dalam JavaScript

Walaupun menggunakan jQuery untuk mendapatkan semula kandungan teks tag div adalah pendekatan biasa, ia pastinya bukan pendekatan pilihan sahaja. JavaScript menawarkan kaedah asli yang boleh mengekstrak teks dengan berkesan tanpa bergantung pada perpustakaan luaran.

Salah satu kaedah utama untuk tujuan ini ialah sifat textContent. Tidak seperti innerHTML, yang mengembalikan keseluruhan kandungan HTML elemen, termasuk teg dan atribut, textContent mengambil semula kandungan teks semata-mata.

Mari kita teliti contoh untuk menunjukkan penggunaannya:

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

Dalam senario ini, sifat textContent diberikan kepada pembolehubah t, yang kemudiannya memaparkan teks biasa daripada div dengan id "superman" apabila memanggil fungsi alert().

Perlu diperhatikan bahawa sifat textContent , sama dengan innerHTML, pertimbangkan nod teks dan elemen tanpa nod anak sebagai kandungan teks. Elakkan bergantung pada textContent jika elemen div anda mengandungi berbilang elemen bersarang atau penanda kompleks, kerana ia mungkin tidak menangkap teks yang dikehendaki dengan tepat.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Teks dari Div Tag dalam JavaScript tanpa jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!