Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Home > Web Front-end > JS Tutorial > body text

JS实现从表格中动态删除指定行的方法_javascript技巧

WBOY

Release： 2016-05-16 16:06:54

Original

1413 people have browsed it

本文实例讲述了JS实现从表格中动态删除指定行的方法。分享给大家供大家参考。具体如下：

JS的表格对象有一个deleteRow方法用于删除表格中的指定行，只需要指定行号即可

<!DOCTYPE html>
<html>
<head>
<script>
function deleteRow(r)
{
var i=r.parentNode.parentNode.rowIndex;
document.getElementById('myTable').deleteRow(i);
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
 <td>Row 1</td>
 <td><input type="button" value="Delete" onclick="deleteRow(this)"></td>
</tr>
<tr>
 <td>Row 2</td>
 <td><input type="button" value="Delete" onclick="deleteRow(this)"></td>
</tr>
<tr>
 <td>Row 3</td>
 <td><input type="button" value="Delete" onclick="deleteRow(this)"></td>
</tr>
</table>
</body>
</html>

Copy after login

希望本文所述对大家的javascript程序设计有所帮助。

Related labels：

js sheet

source：php.cn

Previous article：javascript实现简单的贪吃蛇游戏_javascript技巧 Next article：javascript制作2048游戏_jquery

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn