最新的Web开发教程
 

deleteRow() Method

<表对象

删除表中的第一行:

document.getElementById("myTable").deleteRow(0);
试一试»

定义和用法

deleteRow()方法从表中删除指定索引处的行。

提示:使用insertRow()创建并插入新行。


浏览器支持

方法
deleteRow()

句法

tableObject .deleteRow( 参数值
描述
index 需要Firefox和Opera,可选的IE,Chrome和Safari。 指定行删除的位置的整数(从0开始)。 0结果第一行中的值将被删除。

值-1,也可使用; 这导致在最后一行将被删除。

此参数是必需的Firefox和Opera,但也可选在Internet Explorer,Chrome和Safari。

如果省略该参数, deleteRow()去除在IE中的最后一行,并在浏览器和Safari的第一行。

技术细节

返回值: 无返回值

更多示例

删除你点击该行:

function deleteRow(r) {
    var i = r.parentNode.parentNode.rowIndex;
    document.getElementById("myTable").deleteRow(i);
}
试一试»

创建和删除row(s)

function myCreateFunction() {
    var table = document.getElementById("myTable");
    var row = table.insertRow(0);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    cell1.innerHTML = "NEW CELL1";
    cell2.innerHTML = "NEW CELL2";
}

function myDeleteFunction() {
    document.getElementById("myTable").deleteRow(0);
}
试一试»

相关页面

HTML参考: HTML <tr>标签


<表对象