Bagaimanakah JavaScript Boleh Menyerlahkan Hanya Satu Contoh Teks pada Halaman Web?

Menyerlahkan Teks dengan JavaScript

Soalan ini mencari fungsi JavaScript yang mampu menyerlahkan teks pada halaman web, dengan keperluan khusus untuk diserlahkan sahaja satu kejadian teks. Mari kita mendalami penyelesaian yang disediakan dan terokai cara melaksanakan fungsi ini.

Kesan Sorotan jQuery

Responden mencadangkan untuk menggunakan kesan sorotan jQuery untuk tugasan ini. Walau bagaimanapun, kod yang disediakan menunjukkan pelaksanaan JavaScript mentah yang membenarkan penyerlahan yang tepat.

Pelaksanaan JavaScript

Untuk menyerlahkan teks tertentu, kod JavaScript dimulakan dengan mengenal pasti teks elemen dalam halaman. Seterusnya, ia mencari teks sasaran dalam HTML dalaman elemen. Jika ditemui, kod secara dinamik mencipta elemen span dengan kelas 'serlahkan' di sekeliling teks sasaran. Elemen span ini kemudiannya disuntik semula ke dalam halaman, membalut teks sasaran dan menggunakan gaya penyerlahan yang diingini.

Penggunaan dan Kaveat

Untuk menggunakan kod yang disediakan, anda perlu memasukkan coretan JavaScript dan CSS ke dalam dokumen HTML. Apabila anda mengklik elemen butang dengan atribut onclick="highlight('fox')", kod tersebut mengesan dan menyerlahkan kejadian pertama perkataan "musang" dalam div "inputText".

Perlu diambil perhatian bahawa pendekatan ini sesuai untuk saiz teks yang lebih kecil dan satu kejadian teks. Untuk keperluan penonjolan yang lebih meluas, mungkin lebih baik untuk memanfaatkan penyelesaian yang lebih komprehensif atau pertimbangkan teknik alternatif.

Atas ialah kandungan terperinci Bagaimanakah JavaScript Boleh Menyerlahkan Hanya Satu Contoh Teks pada Halaman Web?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!