如何使用css或JavaScript更改i/j上句点的颜色?

如何使用css或JavaScript更改i/j上句点的颜色?,javascript,css,fonts,Javascript,Css,Fonts,我理解,除非角色整体发生改变,否则角色的某些部分是不能改变的;但是,有没有一种方法可以使用css或JavaScript更改i/j上给定点的颜色 您可以使用css在所需角色之前添加另一个角色,并对其进行绝对定位。然后将该行切掉一半(根据字体系列,“.4em”可能会发生变化) 以下是一些JavaScript,用于将文本包装为跨距: var items = document.getElementsByClassName('reddot'); for (var i in items){ ite

我理解,除非角色整体发生改变,否则角色的某些部分是不能改变的;但是,有没有一种方法可以使用css或JavaScript更改i/j上给定点的颜色

您可以使用css在所需角色之前添加另一个角色,并对其进行绝对定位。然后将该行切掉一半(根据字体系列,“.4em”可能会发生变化)

以下是一些JavaScript,用于将文本包装为跨距:

var items = document.getElementsByClassName('reddot');

for (var i in items){
    items[i].innerHTML = items[i].innerHTML.replace(/([ij])/g, '<span class="$1">$1</span>');    
}
var items=document.getElementsByClassName('reddot');
对于(项目中的var i){
items[i].innerHTML=items[i].innerHTML.replace(/([ij])/g,$1');
}
请在此处查看它的实际操作:

这可能有助于:
var items = document.getElementsByClassName('reddot');

for (var i in items){
    items[i].innerHTML = items[i].innerHTML.replace(/([ij])/g, '<span class="$1">$1</span>');    
}