jQuery Girl
  1. jQuery Girl
  3. Changer la couleur d’un texte spécifique dans les balises HTML à l’aide de Javascript
Intereting Posts
Puis-je accéder à mon référentiel de bitbucket privé avec ajax et jquery? Pourquoi l’alerte provenant de ma boucle renvoie-t-elle toujours la dernière valeur, et non chaque valeur d’itération? plusieurs galeries de grids d’images justifiées – appel / balisage lightbox personnalisé avec lightgallery Comment passer une variable dans regex dans jQuery / Javascript Pourquoi Firefox 5 ignore-t-il document.ready? succès de la fonction $ .ajax: ne pas tirer Pagination AJAX avec codeigniter et jquery jQuery SerialScroll: Ajoute une classe à un élément actif e.preventDefault () pas pare-balles? Comment append une classe à une collection d’éléments de manière séquentielle? JRate Comment obtenir de la valeur de l’écanvas sélectionnée et la stocker dans une firebase database en utilisant jquery ou javascript Comment déplacer une div horizontale puis verticale en utilisant une animation CSS? Comment empêcher d’autres gestionnaires d’événements, du premier gestionnaire, dans jQuery Empêche jquery-ui datepicker de s’afficher dans beforeShow Voir le contenu du panier dans Fancybox, page vierge uniquement dans IE8

Changer la couleur d’un texte spécifique dans les balises HTML à l’aide de Javascript

La question dit tout. Par exemple, j’ai le code HTML suivant:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor

Comment changer la couleur de la couleur d’un mot d’en haut sans modifier l’ span ci-dessus (je sais que j’aurais pu mettre une autre balise span avec un id="text" et un document.getElementById("text").style.color="red"; Mais au lieu de cela, je veux rechercher le mot dans la balise (peut-être en utilisant RegExp) et changer sa couleur de manière dynamic.

Vous ne pouvez pas le faire sans modifier le contenu de la plage. Donc, soit vous le faites dans le source, soit vous le ferez plus tard en manipulant le DOM (dans votre cas, via jQuery).

Ainsi par exemple: 

 var span = $("#span"); span.html(span.html().replace(/dolor/, '$&')); 
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor