美文网首页
JS实现删除表格所有行

JS实现删除表格所有行

作者: ikaroskun | 来源:发表于2017-08-20 16:25 被阅读135次

    背景:

    项目需求,需要对页面不同的表格进行不同的清除操作。

    实现如下:
    1.删除表格内所有数据

    var table = document.getElementById("data_table");  
    if (table !== "undefined") {
        while(table.hasChildNodes()){
            table.removeChild(table.lastChild)
        }
    }
    

    2.删除表格内的数据保留表头

    var table_body = document.getElementById("table_tbody");
    if (table_body !== "undefined") {
        while(table_body .hasChildNodes()){
            table_body .removeChild(table_body .lastChild)
        }
    }
    

    完、、、、

    相关文章

      网友评论

          本文标题:JS实现删除表格所有行

          本文链接:https://www.haomeiwen.com/subject/onvfdxtx.html