请教 有没有简单的办法用 js 给 html 这样 添加类呢

请问 有没有简单的办法用 js 给 html 这样 添加类呢 ?
原内容:

<div id="test"><i>T</i>his is <u>something</u>. </div>

给第一个 is 添加 <span class="bold"></span>
给第一个 s 添加 <span class="red"></span>

给第二个 is 添加 <span class="bold"></span>
给第二个 s 添加  <span class="blue"></span>

最终形成:

<div id="test">

<i>T</i>h<span class="bold">i<span class="red">s</span></span> 

<span class="bold">i<span class="blue">s</span></span> 

<u>something</u>. 

</div>

亦即怎样把以下数组中相关内容的值加入:

[位置,内容,类]
[10 ,  is ,    bold]
[11 ,  s ,     red]
[13 ,  is ,    bold]
[14 ,  s ,     red]

------解决方案--------------------

<h1>by theforever@csdn.net</h1>

<div id="test"><i>T</i>his is <u>something</u>. </div> 

<script>

	var theforever_csdn=document.getElementById('test');

	var theforever_csdn_Html=theforever_csdn.innerHTML;

	theforever_csdn_Html=theforever_csdn_Html.replace(new RegExp('is','gm'),'<SPAN CLASS="bold">is</SPAN>');

	theforever_csdn_Html=theforever_csdn_Html.replace(new RegExp('s','m'),'<SPAN CLASS="red">s</SPAN>');

	theforever_csdn.innerHTML=theforever_csdn_Html.replace(new RegExp('([^>])s','m'),'$1<SPAN CLASS="blue">s</SPAN>');

	alert(theforever_csdn.innerHTML);

</script>