JS實(shí)現(xiàn)從表格中動(dòng)態(tài)刪除指定行的方法

更新時(shí)間：2015年03月31日 10:26:50 作者：歐陽不瘋

這篇文章主要介紹了JS實(shí)現(xiàn)從表格中動(dòng)態(tài)刪除指定行的方法,通過getElementById獲取指定行再使用deleteRow方法來實(shí)現(xiàn)刪除行的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)從表格中動(dòng)態(tài)刪除指定行的方法。分享給大家供大家參考。具體如下：

JS的表格對(duì)象有一個(gè)deleteRow方法用于刪除表格中的指定行，只需要指定行號(hào)即可

<!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>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JavaScript+CSS實(shí)現(xiàn)仿Mootools豎排彈性動(dòng)畫菜單效果
這篇文章主要介紹了JavaScript+CSS實(shí)現(xiàn)仿Mootools豎排彈性動(dòng)畫菜單效果,可實(shí)現(xiàn)鼠標(biāo)滑過菜單項(xiàng)呈現(xiàn)彈性移動(dòng)顯示的效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-10-10
深入理解JavaScript系列（46）：代碼復(fù)用模式（推薦篇）詳解
這篇文章主要介紹了深入理解JavaScript系列（46）：代碼復(fù)用模式（推薦篇）詳解,本文講解了原型繼承、復(fù)制所有屬性進(jìn)行繼承、混合（mix-in）、借用方法等模式,需要的朋友可以參考下
2015-03-03
JavaSript中變量的作用域閉包的深入理解
js中的變量都是公用的沒有靜態(tài)變量，下面為大家介紹下變量的作用域閉包,需要的朋友可以參考下
2014-05-05
js代碼實(shí)現(xiàn)輪播圖
這篇文章主要為大家詳細(xì)介紹了js代碼實(shí)現(xiàn)輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-05-05
詳解webpack分包及異步加載套路
本篇文章主要介紹了詳解webpack分包及異步加載套路，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-06-06
微信小程序?qū)崿F(xiàn)歷史搜索功能的全過程(h5同理)
最近在使用微信小程序開發(fā)的時(shí)候遇到了一個(gè)需求,需要實(shí)現(xiàn)歷史搜索記錄的功能,所以下面這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)歷史搜索功能(h5同理)的相關(guān)資料,需要的朋友可以參考下
2022-12-12
ComboBox（下拉列表框）通過url加載調(diào)用遠(yuǎn)程數(shù)據(jù)的方法
這篇文章主要介紹了ComboBox（下拉列表框）通過url加載調(diào)用遠(yuǎn)程數(shù)據(jù)的方法 ,需要的朋友可以參考下
2017-08-08
關(guān)于js數(shù)組去重的問題小結(jié)
在項(xiàng)目開發(fā)過程中經(jīng)常會(huì)遇到數(shù)組中包含很多重復(fù)的內(nèi)容，即臟數(shù)據(jù)去臟的操作，本文著重講解了數(shù)組去重的幾種方法。需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2014-01-01
ES6學(xué)習(xí)筆記之正則表達(dá)式和字符串正則方法分析
這篇文章主要介紹了ES6學(xué)習(xí)筆記之正則表達(dá)式和字符串正則方法,結(jié)合實(shí)例形式對(duì)比分析了ES5與ES6正則操作的常用函數(shù)功能與用法區(qū)別,需要的朋友可以參考下
2017-04-04
JavaScript字符串_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
JavaScript中的字符串就是用''或""括起來的字符表示。下面通過本文給大家介紹JavaScript字符串的相關(guān)知識(shí)，感興趣的朋友一起看看吧
2017-06-06