javascript怎么删除表格行-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

javascript删除表格行的方法：首先使用“document.querySelector("tr")”语句获取表格tr（行）对象；然后使用“tr.remove()”语句来删除表格中的一行单元格。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript删除表格行

<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="utf-8">
    </head>
 
    <body>
        <table border="1">
            <tr>
                <th>商品</th>
                <th>价格</th>
            </tr>
            <tr>
                <td>T恤</td>
                <td>￥100</td>
            </tr>
            <tr>
                <td>牛仔褂</td>
                <td>￥250</td>
            </tr>
            <tr>
                <td>牛仔库</td>
                <td>￥150</td>
            </tr>
        </table><br />
        <input id="btn" type="button" value="删除一行单元格">
    </body>
    <script>
        function deleteChild() {
            var tr = document.querySelector("tr");
 
            tr.remove();
 
        }
        var btn = document.getElementById("btn").onclick = function() {
            deleteChild();
        }
    </script>
 
</html>