Cara Mengekstrak Teks daripada Elemen <div> Menggunakan JavaScript Tulen-tutorial js-php.cn

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>

Salin selepas log masuk

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>

Salin selepas log masuk

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!

sumber：php

Menggunakan JavaScript?"> Artikel sebelumnya：Bagaimana untuk Menyelesaikan Keputusan \"Tidak Ditakrifkan\" Apabila Mendapatkan Teks daripada Teg

Menggunakan JavaScript? Artikel seterusnya：Bagaimana untuk Melaksanakan Fungsi PHP daripada Peristiwa Onclick?

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

2292

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

2430

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

2045

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