JavaScript - 更改特定索引的字体颜色

Question

我有这么长的字符串，我希望仅使用 JavaScript 将其中的一部分转换为白色。

示例 1:

var string = document.getElementById("subtitle").innerHTML; //returns the string

var i = string.indexOf("("); //returns 80
var j = string.indexOf(")"); //return 93

示例2:我可以得到想要的文本，但我不知道如何将其更改为白色

var string = document.getElementById("subtitle").innerHTML; //returns the string

var i = string.indexOf("(");
var j = string.substring(i, string.indexOf(")")+1); //return the exact string I want to paint white
//j.paintWhite(); how?

我想将位置 80 和 93 之间的所有字符(或如示例 #2 所示选择的字符)涂成白色。我该怎么做？

Answer 1

您需要为该文本创建一个 html 容器，您可以在其中指定样式属性。

此外，不要使用变量名 string，因为它是为语言保留的

为此，我建议使用 jQuery，因为它更容易一些。

但如果你不想，你可以这样做:

var text = document.getElementById("subtitle").innerHTML;
var cut = text.split("(");
var cut2 = cut[1].split(")");
var colored = cut[0] + '<span style="color:#fff;">('+cut2[0]+')</span>'+cut2[1];
document.getElementById("subtitle").innerHTML = colored;