javascript-设置字符颜色从一个到另一个

Question

Using Javascript, I want to construct myFunction() such that this HTML code: 我想使用Javascript构造myFunction() ，以便此HTML代码：

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

will be converted to this HTML code: 将被转换为以下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>

So in other words, I want all characters between (double) inverted commas "" to be blue. 因此，换句话说，我希望（双）反逗号""之间的所有字符都是蓝色。

I tried this: 我尝试了这个：

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

But it made everything blue after the first double inverted comma in the body. 但是，在体内第一个双反逗号后，一切都变成了蓝色。

How do I construct myFunction() ? 如何构造myFunction() ？

Answer 1

change Your regular expression, 更改您的正则表达式

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

jsFiddle for this example 此示例的jsFiddle

javascript-设置字符颜色从一个到另一个

问题描述

1 个解决方案

解决方案1
3 已采纳 2014-04-07 08:54:22

javascript-设置字符颜色从一个到另一个

问题描述

1 个解决方案

解决方案1 3 已采纳 2014-04-07 08:54:22

解决方案1
3 已采纳 2014-04-07 08:54:22