HTML DOM Table deleteRow() 方法

[

Table deleteRow() 方法
Table 对象

定义和用法

deleteRow() 方法用于从表格删除指定位置的行

语法

tableObject.deleteRow(index)

描述
index 指定删除指定行的数字索引 (以 0 开始).

浏览器支持

所有主要浏览器都支持 deleteRow() 方法

实例

实例

删除表格的第一行:


<!DOCTYPE html>

<html>

<head> 

<meta charset="utf-8"> 

<title>Break易站(runoob.com)</title> 

<script>

function displayResult(){

    document.getElementById("myTable").deleteRow(0);

}

</script>

</head>

<body>


<table id="myTable" border="1">

    <tr>

        <td>cell 1</td>

        <td>cell 2</td>

    </tr>

      <tr>

        <td>cell 3</td>

        <td>cell 4</td>

      </tr>

</table>

<br>

<button type="button" onclick="displayResult()">删除表格第一行</button>


</body>

</html>

更多实例

点击后删除表格行

该实例在点击后使用 deleteRow() 方法删除行

Table 对象

]
转载请保留页面地址:https://www.breakyizhan.com/html/22510.html

posted on 2020-07-05 11:15  MrAit  阅读(341)  评论(0编辑  收藏  举报

导航