Bagaimanakah Saya Boleh Dapatkan Teks Tag Div Menggunakan JavaScript (Tanpa jQuery)?

Cara Mendapatkan Teks Teg Div Menggunakan JavaScript (Tanpa jQuery)

Untuk mendapatkan kandungan teks elemen div semata-mata dengan JavaScript, terdapat alternatif kepada jQuery.

Pernyataan Masalah:

Percubaan sebelumnya untuk mendapatkan semula teks menggunakan document.getElementById('superman').value dikembalikan tidak ditentukan. Matlamatnya ialah untuk mencari penyelesaian menggunakan JavaScript biasa tanpa jQuery.

Penyelesaian:

Untuk berjaya mendapatkan semula teks, pertimbangkan untuk menggunakan textContent dan bukannya nilai. Sifat innerHTML mengembalikan keseluruhan kandungan DOM sebagai rentetan, termasuk elemen dalam div. Sebaliknya, textContent secara khusus mengekstrak teks dalam div, memastikan perwakilan teks yang lebih tepat.

Sebagai contoh, memandangkan HTML berikut:

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

Menggunakan innerHTML:

<code class="javascript">var node = document.getElementById('test');
var htmlContent = node.innerHTML;
// htmlContent = "Some <span class="foo">sample</span> text."</code>

Menggunakan textContent:

<code class="javascript">var node = document.getElementById('test');
var textContent = node.textContent;
// textContent = "Some sample text."</code>

Rujuk MDN untuk mendapatkan maklumat lanjut tentang textContent dan innerHTML:

• [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 Bagaimanakah Saya Boleh Dapatkan Teks Tag Div Menggunakan JavaScript (Tanpa jQuery)?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!