表格 deleteRow() 方法
描述
deleteRow() 方法从表格中删除指定索引处的行。
提示: 使用 insertRow() 创建并插入新行。
浏览器支持
方法 | |||||
---|---|---|---|---|---|
deleteRow() | 是 | 是 | 是 | 是 | 是 |
语法
tableObject.deleteRow(index)
参数值
值 | 描述 |
---|---|
index | 在 Firefox 和 Opera 中必填,在 IE、Chrome 和 Safari 中可选。一个整数,指定要删除的行的位置(从 0 开始)。值为 0 表示将删除第一行。 也可以使用值 -1;这将导致删除最后一行。 此参数在 Firefox 和 Opera 中是必需的,但在 Internet Explorer、Chrome 和 Safari 中是可选的。 如果省略此参数,deleteRow() 将删除 IE 中的最后一行,以及 Chrome 和 Safari 中的第一行。 |
技术细节
返回值 | 无返回值 |
---|
更多示例
示例
删除你点击的行
function deleteRow(r) {
var i = r.parentNode.parentNode.rowIndex;
document.getElementById("myTable").deleteRow(i);
}
自己尝试一下 »
示例
创建和删除行
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> 标签
❮ 表格对象