Remplacement du texte élément span avec la couleur

Question

J'ai ci-dessous balise span généré par l'outil personnalisé (je ne peux pas lui demander de générer de manière différente)

<span tabindex="0" > FINDME </span> 

Je veux écrire une section de script à l'intérieur et pour trouver la texte "findme" et le remplacer par:

<span tabindex="0" style="color:red">FINDME</span> 

ou

<span tabindex="0"> 
<font color="red"> FINDME </font> 
</span> 

Fondamentalement, je veux obtenir le texte de couleur. De plus, étant donné que j'aurais plusieurs éléments de span qui arrivent ainsi, j'ai dû chercher par le texte avant de le remplacer. Je ne sais pas comment le coder, donc toute aide sera appréciée.

merci!

Answer 1

Ce code recherchera toutes les portées dans votre code et celui qui a le texte "FINDME" obtiendra la couleur remplacée. Cette solution utilise jQuery

$(document).ready(function(){ 
    $("span").each(function(){ 
     if($(this).text() == ' FINDME '){ 
     $(this).css('color','red'); 
     }    
    }); 
}); 

https://jsfiddle.net/wearetamo/mdwkakzz/

Answer 2

La réponse est:

<script> var span3 = document.querySelector('#dashboard_page_3_tab span'); span3.innerHTML = '<font color="red"> FINDME </font>' ; </script>