Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mengekstrak Kandungan Nod Teks daripada Elemen HTML dalam JavaScript?

Bagaimana untuk Mengekstrak Kandungan Nod Teks daripada Elemen HTML dalam JavaScript?

Barbara Streisand
Lepaskan: 2024-12-01 19:41:15
asal
644 orang telah melayarinya

How to Extract Text Node Content from an HTML Element in JavaScript?

Mendapatkan Nod Teks Elemen

Apabila bekerja dengan elemen HTML dalam JavaScript, selalunya perlu untuk mendapatkan kandungan teks dalam elemen tersebut . Walau bagaimanapun, elemen boleh mengandungi pelbagai jenis nod, termasuk nod teks, nod ulasan dan nod elemen. Artikel ini meneroka penyelesaian silang penyemak imbas untuk mendapatkan semula nod teks.

Pertimbangkan HTML berikut:

<div class="title">
   I am text node
   <a class="edit">Edit</a>
</div>
Salin selepas log masuk

Matlamat kami adalah untuk mendapatkan kandungan "Saya adalah nod teks" sambil mengekalkan Pautan "Edit".

Untuk mencapai ini, kami boleh menggunakan kandungan() dan penapis() jQuery fungsi:

var text = $(".title").contents().filter(function() {
  return this.nodeType == Node.TEXT_NODE;
}).text();
Salin selepas log masuk

Kod ini memilih elemen dengan kelas "tajuk" dan mendapatkan kandungannya. Kemudian, ia menggunakan fungsi penapis pada kandungan, memilih hanya nod dengan nodType Node.TEXT_NODE (iaitu, nod teks). Akhir sekali, ia mengekstrak kandungan teks daripada hasil yang ditapis.

Menggunakan pendekatan ini, kami boleh berjaya mendapatkan semula kandungan nod teks yang diingini tanpa mengalih keluar teg "Edit".

Atas ialah kandungan terperinci Bagaimana untuk Mengekstrak Kandungan Nod Teks daripada Elemen HTML dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan