Bagaimana untuk Mendapatkan Kandungan Teks daripada Elemen Div Menggunakan JavaScript Biasa?

Mendapatkan Kandungan Teks daripada Elemen Div Menggunakan JavaScript Biasa

Dalam percubaan anda untuk mendapatkan semula teks dalam div menggunakan sifat "nilai" , anda menghadapi isu di mana "tidak ditentukan" dikembalikan. Untuk berjaya mengekstrak kandungan teks menggunakan JavaScript tulen, anda boleh menggunakan pendekatan berikut:

Sifat "nilai" digunakan terutamanya dengan elemen input, bukan elemen div. Untuk mengakses kandungan teks div, anda harus memanfaatkan sama ada sifat "innerHTML" atau "textContent".

Menggunakan sifat "innerHTML":

function test() {
  var t = document.getElementById('superman').innerHTML;
  alert(t);
}

Pendekatan ini mendapatkan semula keseluruhan kandungan dalam div, termasuk sebarang teg HTML. Walau bagaimanapun, jika div anda mengandungi teks sahaja, kaedah ini sesuai.

Sebagai alternatif, pertimbangkan untuk menggunakan sifat "textContent":

function test() {
  var t = document.getElementById('superman').textContent;
  alert(t);
}

Sifat "textContent" mengembalikan kandungan teks secara eksklusif dalam div, tidak termasuk sebarang teg HTML. Pilihan ini amat berguna apabila berurusan dengan div yang mungkin mengandungi kandungan bercampur.

Sebagai contoh, pertimbangkan HTML berikut:

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

Menggunakan sifat "innerHTML" akan mengembalikan perkara berikut:

var node = document.getElementById('test');

htmlContent = node.innerHTML;
// htmlContent = "Some <span class="foo">sample</span> text."

Walau bagaimanapun, menggunakan sifat "textContent" akan menghasilkan:

textContent = node.textContent;
// textContent = "Some sample text."

Untuk butiran lanjut dan contoh penggunaan, rujuk dokumentasi komprehensif yang disediakan oleh MDN:

• [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 Bagaimana untuk Mendapatkan Kandungan Teks daripada Elemen Div Menggunakan JavaScript Biasa?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!