JS實現(xiàn)從表格中動態(tài)刪除指定行的方法
更新時間：2015年03月31日 10:26:50 作者：歐陽不瘋
這篇文章主要介紹了JS實現(xiàn)從表格中動態(tài)刪除指定行的方法,通過getElementById獲取指定行再使用deleteRow方法來實現(xiàn)刪除行的功能,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)從表格中動態(tài)刪除指定行的方法。分享給大家供大家參考。具體如下：
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>
希望本文所述對大家的javascript程序設計有所幫助。
您可能感興趣的文章:
相關文章
在開發(fā)移動應用程序時,我們經常需要處理用戶交互事件,然而,有時候這些事件會冒泡,導致意外的行為和不良用戶體驗,在本文中,我們將探討如何使用UniApp框架來阻止事件冒泡,并提供一些示例代碼來幫助您理解如何實現(xiàn)這一功能,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了在HTML中使用JavaScript的兩種方法，幫助大家更好的理解和制作網頁，感興趣的朋友可以了解下2020-12-12
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡單的輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
這篇文章主要介紹了如何用JS模擬實現(xiàn)數(shù)組的map方法，文中講解非常細致，代碼幫助大家更好的理解和學習，感興趣的朋友可以了解下2020-07-07
JavaScript中的object轉換函數(shù)toString()與valueOf()介紹
這篇文章主要介紹了JavaScript中的object轉換函數(shù)toString()與valueOf()介紹,需要的朋友可以參考下2014-12-12
這篇文章介紹了在父頁面調用子頁面的JS方法，有需要的朋友可以參考一下2013-09-09
這篇文章主要為大家介紹了js?實現(xiàn)picker?選擇器示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
改進 JavaScript 和 Rust 的互操作性并深入認識 wasm-bindgen 組件
這篇文章主要介紹了改進 JavaScript 和 Rust 的互操作性并深入認識 wasm-bindgen 組件,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-07-07
記錄幾個javascript有關的小細節(jié)...2007-04-04
js對文字進行編碼涉及3個函數(shù)：escape,encodeURI,encodeURIComponent，相應3個解碼函數(shù)：unescape,decodeURI,decodeURIComponent2010-02-02