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

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

javascript删除table表格的方法：首先使用“document.getElementById()”方法获取table元素对象及其父元素对象；然后使用“父元素对象.removeChild(table元素对象)”语句来删除表格即可。

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

javascript删除table表格的方法：

获取table表格的父元素对象和table对象
使用remove()方法删除able表格对象

代码示例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
    </head>
 
    <body id="body">
        <table border="1" id="table">
            <tr>
                <th>name</th>
                <th>job</th>
            </tr>
            <tr>
                <td>灭绝师太</td>
                <td>PHP中文网高级讲师</td>
            </tr>
            <tr>
                <td>欧阳克</td>
                <td>PHP中文网讲师</td>
            </tr>
            <tr>
                <td>韦小宝</td>
                <td>PHP中文网初级讲师</td>
            </tr>
        </table>
        <p id="demo">点击按钮，删除table表格。</p>
        <button onclick="myFunction()">点击按钮</button>
    </body>
<script>
    function myFunction() {
        var body = document.getElementById("body");
        var table = document.getElementById("table");
        body.removeChild(table);
    }
</script>
</html>