javascript - 使用 JavaScript 更改特定 div 中特定字符的 CSS

Question

有没有办法改变一个完整页面上单个字符的CSS:

例如

我的页面上有几个div

<div class="a">
abcd
</div>
<div class="b">
abcd
</div>
<div class="c">
abcd
</div>
<div class="d">
abcd
</div>

我想更改字符“d”的 CSS，但仅限于属于类“c”的 div

有没有办法做到这一点。

附言我想改变那个单个字符的字体

Answer 1

这对我适用于 Chrome:

var Cs = document.getElementsByClassName('c');

for(var i = 0; i < Cs.length; i++)
{
    var text = Cs[i].textContent;
    Cs[i].innerHTML = text.replace('d','<span class="red">d</span>');
}

http://jsfiddle.net/u5ZC8/