用颜色替换span元素文本

时间:2017-08-23 17:52:07

标签: html text colors

我有自定义工具生成的span标记(我不能让它以不同的方式生成)

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

我想写一个脚本部分并找到文本&#34; FINDME&#34;并将其替换为:

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

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

基本上我想让文字变成彩色。此外,因为我会有多个span元素,所以我必须在替换之前通过文本搜索。 我不知道如何编码,所以任何帮助将不胜感激。

谢谢!

2 个答案:

答案 0 :(得分:1)

此代码将搜索代码中的所有跨度,而具有“FINDME”文本的代码将替换颜色。这个解决方案是使用jQuery

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

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

答案 1 :(得分:0)

答案是:

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