将字符的颜色从一个设置为另一个

Set color of characters from one to another

本文关键字：一个 设置 另一个 字符 颜色      更新时间：2023-09-26

使用Javascript，我想构造myFunction()，以便以下HTML代码：

<body onload="myFunction();">
    Hello world! This is "'my' webpage"!<br>
    Do you know what "Javascript" is?
</body>

将转换为此 HTML 代码：

<body onload="myFunction();">
    Hello world! This is <a style="color: blue;">"'my' webpage"</a>!<br>
    Do you know what <a style="color: blue;">"Javascript"</a> is?
</body>

所以换句话说，我希望（双）反逗号""之间的所有字符都是蓝色的。

我试过这个：

function myFunction() {
    var body_content = document.getElementsByTagName("body")[0].innerHTML;
    document.getElementsByTagName("body")[0].innerHTML = 
        body_content.replace(/'"/g, '<a style="color: Blue;">"');
}

但它使身体中第一个双倒逗号之后的所有东西都变成了蓝色。

如何构建myFunction()？

更改您的正则表达式， 

  var body_content = document.getElementsByTagName("body")[0].innerHTML;
  document.getElementsByTagName("body")[0].innerHTML = 
  body_content.replace(/"([^'"]*)"/g,"<a style='color: Blue;'>'"$1'"</a>");

本例的 jsFiddle

相关文章：