js批量按位读取身份证号，再按位制表输出，却无显示，救助，谢谢！！！~~~

另存为html，直接可以运行
我从excel里复制了很多行身份证号，打算用这个程序将每个身份证号输出成下面这个样子：
<table>
   <tr><td>2</td><td>3</td><td>0</td><td>2</td><td>0</td><td>1</td>.....</tr>
   <tr>...</tr>
   .
   .
   .
</table>
现在取到每个人的身份证号没问题，取到每个人每一位的身份证号，就是不显示了，不知道错误在哪，请各位帮助，谢谢！
测试数据：
230212197209270220
230212197209270220
230212197209270220
230212197209270220
230212197209270220
230212197209270220
230212197209270220
230212197209270220
230212197209270220<html><head><title></title></head><body>
<input type="hidden" name="xxx" id="xxx" />
<div id="editor" style="border:1px solid #CCCCCC;">
请输入身份证号码！
</div>
<a href="#" id="c">清空</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" id="i">生成表格</a>
<div id="pp"></div>
<script>
var edt = document.getElementById('editor');
var edtor = document.getElementById('xxx');
var l=document.getElementById('c');
var p=document.getElementById('i');
var p2=document.getElementById('pp');
p.onclick=function(){
var temp=edtor.value;
var temp2=temp.split(" ");
var temp3;
var tt;
var s="<table border='1'>";
for (var te=0;te<temp2.length;te++)
{//毛病我应该就在这个中括号内，却怎么也找不出来 ：（
s+="<tr>";
temp3=temp2[te].value;
for(tt=0;tt<temp3.length;tt++)
s+="<td>"+temp3[tt].toString(10)+"</td>";
s+="</tr>";
}
s+="</table>";
p2.innerHTML=s;
}
l.onclick=function(){
edt.innerHTML="请输入身份证号码！";
}edt.onclick = function(){
    if ((this.childNodes[0].nodeName!='TEXTAREA')||(this.childNodes.length>1)){
        var e = document.createElement('textarea');
        e.style.width = this.offsetWidth;
        e.value = edtor.value = this.innerHTML;
        this.innerHTML = '';
        this.appendChild(e);
        e.focus();
        e.onblur = function(){
            this.parentNode.innerHTML = edtor.value = this.value;
        }
    }
}</script>
</body>
</html>