UC知道如何删除动态table中的tbody元素
来源：百度知道 编辑：UC知道 时间：2024/05/14 02:01:01
<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中所有的元素;
<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中所有的元素;
我觉得如果是我的话。我会导入jquery包。然后把所有tbody的元素给remove掉具体的写法是
$("tbody").remove();
docuement.getElementByIt().innerTHML=''
就可以了！！
要给你的table取名id
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"/>
用JS的re