js与表格的问题

添加行要这样要不在ie下不显示
var new_tr=obj.insertRow();
还有一点需要注意的是最好把obj定位到table的tbody

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>  
      <script   language="javascript">   
    function oadd() 
    { 
    var obj=document.getElementById("test"); 
    var new_tr=obj.insertRow();
    var new_td=new_tr.insertCell();
    new_td.innerText='td'; 
    } 
    </script>  </script>
     </HEAD> <body>
     <form>
    <table id="test" border='1' bgcolor="red"> </table> 
    <input type="button" onclick="oadd()" value="add"> </form> </BODY>
    </HTML>
    DOM操作表格最好用特定的表格方法
      

  2.   

    或者<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>  
      <script   language="javascript">   
    function oadd() 
    { 
    var tbody = document.getElementsByTagName('tbody')[0];////////tbody
    var obj=document.getElementById("test"); 
    var new_tr=document.createElement("tr"); 
    var new_td=document.createElement("td"); 
    var otext = document.createTextNode("td"); 
    new_td.appendChild(otext);
    new_tr.appendChild(new_td); 
    tbody.appendChild(new_tr); 
    } 
    </script>  </script>
     </HEAD> <body>
     <form>
    <table id="test" border='1'> 
    <tbody>
    </tbody></table> 
    <input type="button" onclick="oadd()" value="add"> </form> </BODY>
    </HTML>
      

  3.   

    <talbe id="test">   这里拼错了！！！！
    <table id="test1"> <TBODY id="tbody"  ></TBODY></table> <button onclick="oadd()">add </button> <button onclick="oadd1()">add2 </button> 
    <script language=javascript> 
    function oadd() 
    { 
    var obj=document.getElementById("tbody"); var new_tr=document.createElement("tr"); 
    var new_td=document.createElement("td"); 
    new_td.innerText="solo"; 
    new_tr.appendChild(new_td); 
    obj.appendChild(new_tr); //TBODY , TFOOT, THEAD  才有效  }function oadd1() 
    { 
    var obj=document.getElementById("test1"); var new_tr=obj.insertRow(); //直接通过TABLE添加
     new_td=new_tr.insertCell(); 
    new_td.innerText="solo"; }
    </script>