字符串分割后显示为多行的问题

<script>
var my_friends ="aaa,bbb,ccc";
var ID ="001,002,003";
var OTHER="ss,dd,ff";function insertData()
{
    var arrName = my_friends.split(",");
    var arrId = ID.split(",");
    var arrOther = OTHER.split(",");
    var oBody = document.all.tableId.children[0];
    for(var i=0; i<arrName.length; i++)
    {
        var oTr = document.createElement("tr");
        var oTdName = document.createElement("td");
        var oTdId = document.createElement("td");
        var oTdOther = document.createElement("td");
        oTdName.innerText = arrName[i];
        oTdId.innerText = arrId[i];
        oTdOther.innerText = arrOther[i];
        oTr.appendChild(oTdName);
        oTr.appendChild(oTdId);
        oTr.appendChild(oTdOther);
        oBody.appendChild(oTr);
    }
}
</script>
<body onload="insertData()">
<table id="tableId" width="100%" border="1" align="center" cellpadding="0" cellspacing="2">
<tr > 
    <td width="15%"><div align="center"><font size="2" face="宋体">NAME</font></div></td>
    <td width="15%"><div align="center"><font size="2" face="宋体">ID</font></div></td>
    <td width="20%"><div align="center"><font size="2" face="宋体">OTHER</font></div></td>
</tr>
</table>
</body>

解决方案 »

  1.   

    TO：LxcJie(肖冲) 
    1.生成的TD中能否再生成个INPUT 呢，因为内容可能要修改
    2.这样生成的TD，填入其中的内容能否设置格式呢？字体之类的
      

  2.   

    1,可以使用oTdName.innerHTML = "<input type=text value=" + arrName[i] + ">";2,可以设置td的styleoTdName.style.backgroundColor = "#cccccc"如下，其它的类推：<script>
    var my_friends ="aaa,bbb,ccc";
    var ID ="001,002,003";
    var OTHER="ss,dd,ff";function insertData()
    {
        var arrName = my_friends.split(",");
        var arrId = ID.split(",");
        var arrOther = OTHER.split(",");
        var oBody = document.all.tableId.children[0];
        for(var i=0; i<arrName.length; i++)
        {
            var oTr = document.createElement("tr");
            var oTdName = document.createElement("td");
            var oTdId = document.createElement("td");
            var oTdOther = document.createElement("td");
            oTdName.innerHTML = "<input type=text value=" + arrName[i] + ">";
            oTdId.innerText = arrId[i];
            oTdId.style.backgroundColor = "#cccccc";
            oTdOther.innerText = arrOther[i];
            oTr.appendChild(oTdName);
            oTr.appendChild(oTdId);
            oTr.appendChild(oTdOther);
            oBody.appendChild(oTr);
        }
    }
    </script>
    <body onload="insertData()">
    <table id="tableId" width="100%" border="1" align="center" cellpadding="0" cellspacing="2">
    <tr > 
        <td width="15%"><div align="center"><font size="2" face="宋体">NAME</font></div></td>
        <td width="15%"><div align="center"><font size="2" face="宋体">ID</font></div></td>
        <td width="20%"><div align="center"><font size="2" face="宋体">OTHER</font></div></td>
    </tr>
    </table>
    </body>