Question

如何删除动态table中的tbody元素

<table border="1px" align="center" cellpadding="0" cellspacing="0" bordercolor="green" width="100%">
<tr>
<th>报价单号</th>
<th>行号</th>
<th>商品名称</th>
<th>数量</th>
<th>单价</th>
<th>金额</th>
</tr>
<tbody id="tid">
<tr><td>萨芬的</td></tr>
<tr><td>阿撒旦</td></tr>
</tbody>
</table>

比如说我单击一个按钮时删除tbody中所有的元素;

Answer 1

用JS的removeChild方法删除：

function a(){
                var table = document.getElementById('tableid');
                var tbodies= table.getElementsByTagName("tbody");
                for(i=0;i<tbodies.length;i++){
                    if(tbodies[i].id=='tid'){
                        table.removeChild(tbodies[i]);
                    }
                }

            } 
 <table id="tableid">
            <tbody id="tid">
                <tr><td>知道</td></tr>
            </tbody>
            <tr><td>不知道</td></tr>
        </table>
        <input type="button" onclick="a()" value="知不知道"/>

Answer 2

我觉得如果是我的话。我会导入jquery包。然后把所有tbody的元素给remove掉具体的写法是
$("tbody").remove();

Answer 3

function a(){
var table = document.getElementById('tableid');
var tbodies= table.getElementsByTagName("tbody");
for(i=0;i<tbodies.length;i++){
if(tbodies[i].id=='tid'){
table.removeChild(tbodies[i]);
}
}

}
<table id="tableid">
<tbody id="tid">
<tr><td>2</td></tr>
</tbody>
<tr><td>1</td></tr>
</table>
<input type="button" onclick="a()" value="123"/>

Answer 4

docuement.getElementByIt().innerTHML=''
就可以了！！

要给你的table取名id