Javascript 使用DOM在子字符串上应用CSS

下面是我使用“：”拆分字符串的JS代码。因此，一个字符串由以下公式给出：

习惯1：您是否建立了专门的商业支票账户

将分为：

[0]=习惯#1 和 [1] =您是否建立了专门的商业支票账户

现在我想将CSS应用于[0]

 titles=document.getElementsByClassName("title");    
            for(var i=0;i<titles.length;i++){
            titles[i].innerHTML.split(":")[0].style.cssText="color:aqua;";
            }

titles=document.getElementsByClassName（“title”）；
对于（var i=0；i我认为您必须使用
将第一个字符包装到“：”，并给它们一个css类

习惯1：你有没有…

迈克

例如：

var titles=document.getElementsByClassName("title");  
titles= "<span>" + titles;
titles=titles.replace(":", ":</span">);
document.getElementsByClassName("title").innerHtml = titles;

var titles=document.getElementsByClassName（“title”）；
titles=“”+标题；
titles=titles.replace（“：”，“：您可以这样替换字符串的第一部分：

var titles=document.getElementsByClassName("title");
for(var i=0;i<titles.length;i++){
    var blueFoo = titles[i].innerHTML.split(":")[0];
    var text = titles[i].innerHTML;
    var newHTML = text.replace(blueFoo,'<span style = "color:blue">' + blueFoo + '</span>');
    titles[i].innerHTML = newHTML;
        }

var titles=document.getElementsByClassName（“title”）；
对于（var i=0；我也这么认为，但我想知道是否还有其他方法。但本文来自一个XML文件。：）因此，包装不是一个好的选择。您可以使用javascript提取代码。然后修改代码并将其替换为。innerHTMLand不要忘记将类添加到“谢谢”，这很有帮助，但Jad的答案非常有效。没问题。我没有提到它是一个数组的事实：(