HTML DOM tr deleteCell() 方法

月野氿桃

tr deleteCell() 方法


定义和用法

deleteCell() 方法用于删除表格行中的单元格(<td> 元素)。

语法

trObject.deleteCell(index)

描述
index

参数 index 是要删除的表元在行中的位置。

该方法将删除表行中指定位置的表元。



浏览器支持

HTML DOM tr deleteCell() 方法HTML DOM tr deleteCell() 方法HTML DOM tr deleteCell() 方法HTML DOM tr deleteCell() 方法HTML DOM tr deleteCell() 方法

所有主流浏览器都支持 deleteCell() 方法


实例

下面的例子从行中删除了一个单元格:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function displayResult(){
    var firstRow=document.getElementById("myTable").rows[0];
    firstRow.deleteCell(0);
}
</script>
</head>
<body>

<table id="myTable" border="1">
    <tr>
        <td>First cell</td>
        <td>Second cell</td>
        <td>Third cell</td>
    </tr>
</table>
<br>
<button type="button" onclick="displayResult()">删除第一个单元格</button>

</body>
</html>


版权声明:本页面内容旨在传播知识,为用户自行发布,若有侵权等问题请及时与本网联系,我们将第一时间处理。E-mail:284563525@qq.com

目录[+]

取消
微信二维码
微信二维码
支付宝二维码