Bagaimana untuk Mengemas kini Teks Elemen Tanpa Menjejaskan Nod Anak dalam JavaScript?

Cara Mengubah Teks Elemen Secara Dinamik Tanpa Menjejaskan Nod Kanak-Kanak

Apabila mensasarkan untuk mengemas kini kandungan teks elemen tanpa mengubah elemen anaknya, seseorang mungkin menghadapi cabaran sebagai pemula dalam jQuery. Artikel ini menawarkan panduan tentang pendekatan untuk mencapai tugas ini dengan berkesan.

Menggunakan ChildNodes Property

Dalam JavaScript, sifat childNodes menyediakan akses kepada semua nod anak elemen, termasuk nod teks. Ini membolehkan anda mengenal pasti dan mengubah suai kandungan teks yang diingini sambil mengekalkan elemen kanak-kanak. Sebagai contoh, pertimbangkan struktur HTML berikut:

<div>

Untuk mengemas kini teks yang dicetak tebal, anda boleh menggunakan JavaScript seperti berikut:

let your_div = document.getElementById('your_div');

let text_to_change = your_div.childNodes[0];

text_to_change.nodeValue = 'new text';

Dengan memanfaatkan sifat nodeValue, anda boleh mengubah suai kandungan teks tanpa memberi kesan kepada elemen p. Ambil perhatian bahawa anda boleh menggunakan jQuery untuk memilih div pada mulanya, menggunakan var your_div = $('your_div').get(0);.

Atas ialah kandungan terperinci Bagaimana untuk Mengemas kini Teks Elemen Tanpa Menjejaskan Nod Anak dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!