使用纯javascript删除tabel行

Question

我需要使用纯javascript删除表格行。该表只有一个类名，没有id。

这是我第一次尝试的小提琴：

var table = document.getElementsByClassName('table');
while(table.rows.length > 0) {
    table.deleteRow(1);
}

https://jsfiddle.net/5s0w6cwL/

感谢您的任何建议。

Answer 1

您必须先获得element。

var table = document.getElementsByClassName('table')[0];

因为document.getElementsByClassName方法返回NodeList。

＆＃13;

＆＃13;

var table = document.getElementsByClassName('table')[0];
table.deleteRow(1);

＆＃13;

<table class="table" border="1">
    <tbody>
        <tr>
        	<td>&nbsp;</td>
        </tr>
        <tr>
        	<td>delete me</td>
        </tr>
        <tr>
        	<td>&nbsp;</td>
        </tr>
    </tbody>
</table>

＆＃13;

＆＃13;

＆＃13;