怎么改变指定字符的样式？

Question

<div id="ab">aaaaaaaaa</div>
<script>
var ac = document.getElementById("ab").innerHTML.substr(0,1);
ac.style.color='red';
</script>

Answer 1

ac是字串，哪来的样式？你必须把它放在一个什么控件容器里，然后给容器加样式：
<div id="ab">abcdef</div>
<script>
var o=document.getElementById("ab")
var ac = o.innerHTML.substr(0,1);
ac="<span style='color:red'>"+ac+"</span>"+o.innerHTML.substr(1);
o.innerHTML=ac;
</script>