Bagaimana untuk Mengekstrak Kandungan Nod Teks daripada Elemen HTML dalam 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>

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();

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!