js动态表格之一基础部分（1）

最新推荐文章于 2024-08-31 16:32:57 发布

bonlog

最新推荐文章于 2024-08-31 16:32:57 发布

阅读量1k

点赞数 1

分类专栏： javascript+html5+前台美工

本文链接：https://blog.csdn.net/bonlog/article/details/8879126

版权

javascript+html5+前台美工专栏收录该内容

36 篇文章 0 订阅

订阅专栏

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>增加Table行</title>
    </head>
    <script>
        function addRow(){
        //添加一行
        var newTr = testTbl.insertRow();
        //添加两列
        var newTd0 = newTr.insertCell();
        var newTd1 = newTr.insertCell();
        //设置列内容和属性
        newTd1.innerHTML = '<input type=checkbox id="box4">'; 
        newTd0.innerText= '新加行';
        }
    </script>
    <body>
        <table id="testTbl" border=1>
            <tr id="tr1">
                <td ><input type=checkbox id="box1"></td>
                <td id="b">第一行</td>
            </tr>
        </table>        
        <br />
        <input type="button" id="add" οnclick="addRow();" value="Add Row" />
    </body>
</html>