JS动态插入表格

利用js在页面的某个表格里面动态插入行列，但是生成的行列样式跟我本来的不一样，想问下有没什么语句能使我生成的行列跟本来表格设置的样式一致？

解决方案 »

  1.   

    <style type="text/css">
    td{
    background-color:#F00;
    width:100px;
    }
    </style>
    <script type="text/javascript">
    function add(){
    var tr=document.createElement("tr");
    var td=document.createElement("td");
    td.innerHTML="test";
    tr.appendChild(td);
    var table=document.getElementById("table");
    table.appendChild(tr);
    }
    </script>
    </head><body>
    <table id="table">
    <tr>
         <td>test1</td>
        </tr>
    </table>
    <input type="button" onclick="add()" value="add">
    </body>
    这样？或者定义一个类创建好td后让他的className=类名，再或者设置style里的属性试试
      

  2.   

    最简单的方法你可以用css控制整个表格的td不管你后面生成多少个都是一个样式。