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