Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Menyerlahkan Teks pada Halaman Web Menggunakan JavaScript?

Bagaimanakah Saya Boleh Menyerlahkan Teks pada Halaman Web Menggunakan JavaScript?

DDD
Lepaskan: 2024-12-08 11:18:12
asal
894 orang telah melayarinya

How Can I Highlight Text on a Web Page Using 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>
Salin selepas log masuk

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!

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