Question

js如何改变一整句内容中某特定字符的显示样式？

比如X.innerHTML="您选中了<"+h+">段内容"+'<br/>';
如何能够做到单独改变 字符h的内容 的显示效果、比如加重加大之类的。

又比如“这是A，这是B，这是C，这是D”这一句中，如何将A、B、C、D这几个字符在显示时候加重，而其他字符正常显示呢？

谢谢解答。

Answer 1

 在样式中字符你要操作它的样式先要把它变成dom 对象，就是在字符h外层加个标签，如i或者span

<style type="text/css">
.big{font-size:16px;font-weight:bold;}
.red{color:red;}
</style>
<div>
这是<span class="obj_a big">A</span>，这是 <span class="obj_b red">B</span>	,这是C
</div>

<script type="text/javascript">
//然后你可以用js去修改对象的类名显示不同的样式
//如把obj_b设置为加大
document.querySelectorAll('.obj_b').className='big';
//或者js里面直接写样式
var obj_b=document.querySelectorAll(".obj_b")[0];
obj_b.style.fontWeight='bold';
obj_b.style.fontSize='16px';
</script>
还有什么不明白想问的？

追问

谢谢回答~ ，还想问一下，在针对带有变量的情况进行操作时，比如
{
...
var X=document.getElementByID("X")
var h=Sec.rangeCount;
var Xh="您选中了段内容"+'';

X.innerHTML=Xh;
...
}
仅是这样写的话，只能在页面上X的位置直接显示出一段字符，那么
想单独对h所含字符进行加重，应该是怎样的逻辑才能实现呢？