Bagaimanakah Saya Boleh Menyerlahkan Teks pada Halaman Web Menggunakan JavaScript?

Menyerlahkan Teks dengan JavaScript

Menyerlahkan teks pada halaman web ialah ciri berguna untuk menekankan maklumat penting atau menarik perhatian kepada kandungan tertentu. Walaupun pelbagai teknik wujud, artikel ini meneroka pelaksanaan JavaScript yang mudah:

Coretan Kod:

Fungsi JavaScript yang disediakan, highlight(), secara berkesan menyerlahkan kejadian pertama sesuatu teks yang ditentukan dalam elemen HTML tertentu (cth., perenggan). Begini caranya:

1. Fungsi mengambil satu hujah (teks) sebagai subrentetan untuk diserlahkan.
2. Ia mendapatkan semula teks input daripada elemen HTML dengan ID "inputText ".
3. Ia mengira indeks tempat teks berlaku dalam teks input.
4. Jika teks ialah dijumpai, ia membalut tika yang ditemui dengan "" elemen yang mengandungi kelas "serlah", yang ditakrifkan dalam bahagian CSS.

Contoh Penggunaan:

Untuk menggunakan fungsi ini, masukkan kod JavaScript dalam dokumen HTML anda dan lampirkan acara onClick pada butang atau pautan. Apabila diklik, acara akan mencetuskan panggilan fungsi, menghantar teks untuk diserlahkan sebagai parameter. Contohnya:

<button onclick="highlight('fox')">Highlight</button>
<div>

Dalam contoh ini, mengklik butang akan menyerlahkan kejadian pertama perkataan "musang" dalam elemen "inputText".

Penyesuaian CSS:

Anda boleh menyesuaikan lagi penampilan yang diserlahkan dengan mengatasi gaya untuk kelas "serlah" dalam CSS anda. Contoh yang diberikan menggunakan warna latar belakang kuning pada teks yang diserlahkan, tetapi anda boleh mengubah suainya agar sesuai dengan keperluan reka bentuk anda.

Dengan menggunakan teknik ini, anda boleh menyerlahkan teks tertentu dengan mudah pada halaman web, membolehkan pengguna dengan cepat cari dan tumpukan pada maklumat penting.

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