javascript 新手提问（学习不到7天）

表格的innerHTML 设置为 ""可以将表格清空

解决方案 »

  1.   

    给table一个id，在使用innerHTML就可以清空原来的
      

  2.   

    也就是再次button的时候 页面和原来不变，有很多种，要么button设置为第二次失效，要么新提交table（和原来的table一个样）覆盖原来的table
      

  3.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <body>
    <table border="1" id="tab">
      
    </table>
    <button onclick="fun()">载入</button>
    <button onclick="fun2()">清空</button>
    <script type="text/javascript">
    var tab = document.getElementById("tab");
    //添加表格
    function fun()
    {
    for(var row =0;row<10;row++)
    {
    var r = tab.insertRow(row);
    for(var col=0;col<3;col++)
    {
    var c = r.insertCell(col);
    c.innerHTML = row+":"+col;
    }
    }
    }//清空表格
    function fun2()
    {
    var len = tab.rows.length;
    for(var i=0;i<len;i++)
    tab.deleteRow(0);
    }
    </script>
    </body>
    </html>
      

  4.   


        var length =table.rows.length;
        for(var i=length-1;i>1;i--)
        {
            table.deleteRow(i);
        }    
    这是自己写的 放在insertRow之前 试了一下还可以