求解javascript多次添加表单错误原因

Question

<font face='Tahoma', size='4', color=blue>this is me:  11:15:56</font><br /><font id='main' size='5', face='Tahoma' ,color='black'>原本的一段话
</font><br />
<script language='javascript'>var obj=document.getElementById('main');
var info='<font id=\'mainsub0\' size=\'5\' face=\'Tahoma\' color=\'red\'>添加的第一段话</font>';
var str=obj.firstChild.nodeValue ;obj.innerHTML='<ul type=cirle><li>'+str+'<br /></li><li>'+info+'</li></ul>';
</script>
<script language='javascript'>
var obj=document.getElementById('mainsub0');
var info='<font id=\'mainsub1\' size=\'5\' face=\'Tahoma\' color=\'red\'>第二次添加</font>';
var str=obj.firstChild.nodeValue ;
document.getElementById('mainsub0').innerHTML=str+'<lh><li>'+info+'</li>'; 
</script>代码如是，我要运行2次JScript脚本，最后一次的最后一行脚本会因为<lh>而报错，改成<ul>则不会，但是用<ul>就达不到想要的效果，即输出的三段话不能再同一层表单里面，“第二次添加”会是“添加的第一段话”的子项，用<lh>才能使三段话在同一层，为什么会报错呢？
那么如果<lh>方法不能用那么还有什么办法使用2次JScript或更多次后使每段话都在同一层吗？

Answer 1

同一层？是不是span标签的一说？

Answer 2

我晕，居然说lh标签没有……
给你们看看我想要的纯HTML代码效果：<ul type=cirle>
<li>
<font id='main' size='5', face='Tahoma' ,color='black'>原本的一段话</font><br />
</li>
<li>
<font id='mainsub0' size='5' face='Tahoma' color='red'>添加的第一段话</font>
</li>
<lh>
<li>
<font id='mainsub1' size='5' face='Tahoma\' color='red'>第二次添加</font>
</li>注意最后面那个<lh>标签，这样用是没有问题的，改成<ul>后的效果不是我想要的，但是改成JSprict后，我想要每次添加一个，用<lh>就报错了，怎么回事？

Answer 3

在线等答案，求高手>w<帮忙

Answer 4

晕    我没见过  lh 标签  ...     lh 也没有结束标签 ..

Answer 5

难道JScript不支持？还有没有别的方法做出我想要的效果