Bagaimana untuk Menyelesaikan Keputusan \'Tidak Ditakrifkan\' Apabila Mendapatkan Teks daripada Teg <div> Menggunakan JavaScript?-tutorial js-php.cn

How to Resolve Teg Menggunakan JavaScript?" /> Teg Menggunakan JavaScript?" />

Mendapatkan Kandungan Teks daripada Teg DIV Menggunakan JavaScript Tulen

Jika cuba mendapatkan semula kandungan teks

teg menggunakan JavaScript, nilai "undefined" mungkin muncul. Untuk membetulkan isu ini, pertimbangkan untuk menggunakan textContent dan bukannya innerHTML.

Tidak seperti innerHTML, yang menangkap semua kandungan DOM ke dalam rentetan, textContent mengambil semula teks secara eksklusif dalam

. Sebagai contoh, jika penanda berikut wujud:

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

Salin selepas log masuk

Menggunakan innerHTML akan menghasilkan:

<code class="js">var node = document.getElementById('test');

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

Salin selepas log masuk

Manakala textContent menyediakan:

<code class="js">var textContent = node.textContent;
// textContent = "Some sample text."</code>

Salin selepas log masuk

Perbezaan ini penting apabila mengendalikan kandungan DOM yang mungkin termasuk elemen teks dan bukan teks.

Untuk maklumat tambahan, rujuk dokumentasi Rangkaian Pembangun Mozilla (MDN) pada:

[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 Menyelesaikan Keputusan \'Tidak Ditakrifkan\' Apabila Mendapatkan Teks daripada Teg

Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：php

Artikel sebelumnya：Bagaimana untuk Mendapatkan Teks dari Div Tag dalam JavaScript tanpa jQuery? Artikel seterusnya：Cara Mengekstrak Teks daripada Elemen

Menggunakan JavaScript Tulen

Kenyataan Laman Web ini

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

Artikel terbaru oleh pengarang

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

1612

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

1764

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

1509

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...