Surligner du texte avec JavaScript
La surbrillance de texte sur une page Web est une fonctionnalité utile pour mettre en valeur des informations importantes ou attirer l'attention sur un contenu spécifique. Bien que diverses techniques existent, cet article explore une implémentation JavaScript simple :
Extrait de code :
La fonction JavaScript fournie, highlight(), met en évidence efficacement la première occurrence d'un texte spécifié dans un élément HTML donné (par exemple, un paragraphe). Voici comment cela fonctionne :
Exemple d'utilisation :
Pour utiliser cette fonction, incluez le code JavaScript dans votre document HTML et attachez un événement onClick à un bouton ou un lien. Lorsque vous cliquez dessus, l'événement déclenchera l'appel de fonction, en passant le texte à mettre en surbrillance en tant que paramètre. Par exemple :
1 2 |
|
Dans cet exemple, cliquer sur le bouton mettra en surbrillance la première occurrence du mot « fox » dans l'élément « inputText ».
Personnalisation CSS :
Vous pouvez personnaliser davantage l'apparence en surbrillance en remplaçant les styles de la classe "highlight" dans votre CSS. L'exemple donné applique une couleur d'arrière-plan jaune au texte en surbrillance, mais vous pouvez la modifier en fonction de vos besoins de conception.
En appliquant ces techniques, vous pouvez facilement surligner un texte spécifique sur une page Web, permettant aux utilisateurs de rapidement localisez et concentrez-vous sur les informations importantes.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!