<tr id='test'>
<td></td>
<td></td>
<td></td></tr>我想docement.getElementById('test').innerHTML = "<td> sdf </td> <td>sdfsd</td>";报未知的错误,是啥原因?innerHTML 如果不行 该用什么办法?????

解决方案 »

  1.   

    首先document拼写错误
    tr的innerHTML属性是不运行写入的,即为只读属性
    LZ可以通过DOM操作达到目的
      

  2.   


    var tr = document.getElementById('test'),
        td = tr.insertCell(-1);
    td.innerHTML = 'sdf';
    td = tr.insertCell(-1);
    td.innerHTML = 'sdfsd';
      

  3.   

    var td=document.createElement("TD");
    tr.append(td);
      

  4.   

    http://hi.baidu.com/sc_wuyi/blog/item/a172064a9fd0362409f7efa9.html
      

  5.   

    LZ参考看看,<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <!--<html dir="rtl">--><!--左右/水平反转-->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>表格属性的操作</title>
    </head> 
    <style type="text/css"> 
    body,td,div,input{font-family:Verdana; font-size:12px; color:#333333; font-weight:bold;}
    a:link,a:visited{font-family:Verdana; font-size:12px; color:#330099; font-weight:bold; text-decoration:none;}
    a:hover,a:active{font-family:Verdana; font-size:12px; color:#FF6600; font-weight:bold; line-height:25px;}
    span{font-family:Verdana; font-size:12px; color:red; font-weight:bold; padding-left:5px; }
    </style>
    <script language="javascript" type="text/javascript">
    function $(id){
    return "string" == typeof(id) ? document.getElementById(id) : id;
    }//------------------------------------------------------
    function deleteRowCell(objID,RowIndex,CellIndex)
    {
    var o=$(objID);
    var delRow=RowIndex;
    var delCell=CellIndex;
    if (delRow=="") delRow=$("nRow2").value;
    if (delCell=="") delCell=$("nCell2").value;
    o.rows[delRow-1].deleteCell(delCell-1);
    }//------------------------------------------------------
    function appendXRowCell(tableID,RowIndex)
    {
    var o=$(tableID);
    var addRow=RowIndex;
    if(addRow=="") addRow=$("nRow4").value;
    var v=o.rows[addRow-1].cells.length;
    if(o.rows[addRow-1].rowIndex<9){
    v="0"+(o.rows[addRow-1].rowIndex+1);
    (o.rows[addRow-1].cells.length<9)?(v=v+"0"+(o.rows[addRow-1].cells.length+1)):(v=v+""+(o.rows[addRow-1].cells.length+1));

    }else{
    v=(o.rows[addRow-1].rowIndex+1);
    (o.rows[addRow-1].cells.length<9)?(v=v+"0"+(o.rows[addRow-1].cells.length+1)):(v=v+""+(o.rows[addRow-1].cells.length+1));
    }var newTxtNode=document.createTextNode(v);
    var newCell=document.createElement("TD");
    newCell.appendChild(newTxtNode);
    o.rows[addRow-1].appendChild(newCell);
    o.outerHTML=o.outerHTML+"";
    }
    </script>
    <body>
    <p><b>表格操作</b></p>
    <table width="100%" border="3" cellpadding="4" cellspacing="8" id="tb01" name="tb01">
      <tr bgcolor="#CCCCCC">
        <td width="15%">0101</td>
        <td width="35%">0102</td>
        <td width="25%">0103</td>
        <td width="25%">0104</td>
      </tr>
      <tr>
        <td>02</td>
        <td>0202</td>
        <td>0203</td>
        <td>0204</td>
      </tr>
      <tr>
        <td>03</td>
        <td bgcolor="#99CC00">0302</td>
        <td colspan="2">0303</td>
      </tr>
      <tr>
        <td>04</td>
        <td>0402</td>
        <td>0403</td>
        <td>0404</td>
      </tr>
      <tr>
        <td>05</td>
        <td>0502</td>
        <td>0503</td>
        <td>0504</td>
      </tr>
    </table>
    <hr size="1" color="#FF0000">
    <br>
    将第<input name="nRow2" type="text" id="nRow2" onkeyup="this.value=this.value.replace(/[^0-9]*$/g,'');" value="1" size="10">行的第<input name="nCell2" type="text" id="nCell2" onkeyup="this.value=this.value.replace(/[^0-9]*$/g,'');keyEnter(event,'deleteRowCell','tb01\',\'\',\'');" value="4" size="10">
    列 <a href="#:;" onClick="javascript:deleteRowCell('tb01','','');">删除</a> 
    <br>
    向第
    <input name="nRow4" type="text" id="nRow4" onkeyup="this.value=this.value.replace(/[^0-9]*$/g,'');keyEnter(event,'appendXRowCell','tb01\',\'');" value="1" size="10">行后 <a href="#:;" onClick="javascript:appendXRowCell('tb01','');">增加一列</a>
    <br>
    </body>
    </html>