title: Replacing span element text with color
body: <p>I have below span tag generated by custom tool (I can't ask it to generate in different way) </p>
  
  <pre><code>  &lt;span tabindex="0" &gt; FINDME &lt;/span&gt;
  </code></pre>
  
  <p>I want to write a script section within  and  to find the text "FINDME" and replace this with :</p>
  
  <pre><code>&lt;span tabindex="0" style="color:red"&gt;FINDME&lt;/span&gt;
  </code></pre>
  
  <p>or </p>
  
  <pre><code>&lt;span tabindex="0"&gt;
  &lt;font color="red"&gt; FINDME &lt;/font&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>Basically I want to get the text colored. Also since I would have multiple span element coming that way so I had to search by text before replacing it.
  I don't know how to code it so any help will be appreciated. </p>
  
  <p>thanks !</p>