用javascript刪除當(dāng)前行,添加行(示例代碼)
更新時間：2013年11月25日 10:21:48 作者：
這篇文章主要介紹了用javascript刪除當(dāng)前行,添加行的示例代碼。需要的朋友可以過來參考下，希望對大家有所幫助
刪除行
復(fù)制代碼 代碼如下:
<script>
function del(obj)
{
obj.parentNode.parentNode.removeNode(true);
}
</script>
<body>
<table>
<tr>
<td>單元格1</td>
<td><input type=button value="delete this row" onclick="del(this)"></td>
</tr>
<tr>
<td>單元格2</td>
<td><input type=button value="delete this row" onclick="del(this)"></td>
</tr>
<tr>
<td>單元格3</td>
<td><input type=button value="delete this row" onclick="del(this)"></td>
</tr>
</table>
</body>
添加行
復(fù)制代碼 代碼如下:
<script>
function uf_test(){
//得到table對象
var tbTable = document.getElementById("tb_test");
//插入一行
var trT = tbTable.insertRow();
//得到上一行的td數(shù)
var nRows = tbTable.rows[0].cells.length;
//按上一行的td數(shù)循環(huán)進行插入td
for(var i = 0; i < nRows ; i++){
//創(chuàng)建td對象
var tdT = document.createElement("TD");
//給td對象賦值
//tdT.innerHTML="sfsdf";
tdT.innerText="sfsdf";
//把td添加到tr中
trT.appendChild(tdT);
}
}
</script>
<table id="tb_test" border="1">
<tr>
<td><input type="text"></td>
</tr>
</table>
<input type="button" onclick="uf_test();" value="增加一行">
您可能感興趣的文章:
相關(guān)文章
javascript數(shù)組中的map方法和filter方法
這篇文章主要介紹了javascript數(shù)組中的map方法和filter方法,文章內(nèi)容介紹詳細，具有一定的參考價值，需要的小伙伴可以參考一下，希望對你的學(xué)習(xí)有所幫助2022-03-03
ymPrompt的doHandler方法來實現(xiàn)獲取子窗口返回值的方法
今天在寫頁面時用到了ymPrompt的win方法來彈出一個窗口。由于要用到獲取子窗口返回來的值判斷是否刷新父窗口,在ymPrompt的組件Demo中一直沒有找到合適的方法實現(xiàn)2010-06-06
JavaScript實現(xiàn)頁面跳轉(zhuǎn)的八種方式
這篇文章介紹了JavaScript實現(xiàn)頁面跳轉(zhuǎn)的八種方式，文中通過示例代碼介紹的非常詳細。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
這篇文章主要介紹了javascript實現(xiàn)圖片輪換動作方法，文章通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
最近在搞一個AJAX的小功能，目的是用浮動div框顯示當(dāng)前鼠標下控件的詳細信息，其中獲得鼠標位置這塊害得我走了很多冤枉路，因為壓根沒有想到我下面提到的第二點的區(qū)別，所以我的頁面出來總是找不到我之前定義的那個div2008-11-11
JS腳本根據(jù)手機瀏覽器類型跳轉(zhuǎn)WAP手機網(wǎng)站（兩種方式）
隨著移動互聯(lián)網(wǎng)的不斷普及，企業(yè)的網(wǎng)絡(luò)宣傳不僅只局限在PC端，還要在移動端發(fā)展。我們在自己的網(wǎng)站做了WAP手機完整之后，如果有用戶通過手機訪問我們的企業(yè)頂級域名網(wǎng)站，就要判斷跳轉(zhuǎn)到專為的WAP網(wǎng)站，下面小編給大家整理有關(guān)手機瀏覽器跳轉(zhuǎn)WAP手機網(wǎng)站的相關(guān)內(nèi)容2015-08-08
這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)簡單的輪播圖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
這篇文章主要介紹了JS文件/圖片從電腦里面拖拽到瀏覽器上傳文件/圖片,需要的朋友可以參考下2017-03-03
作用域值一個變量的作用餓范圍,下面這篇文章主要給大家介紹了關(guān)于js詞法作用域與this的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-09-09
javascript模擬鼠標點擊事件原理和實現(xiàn)方法
本文詳細介紹了JS模擬鼠標點擊事件的原理以及應(yīng)用場景,并提供了模擬鼠標左鍵點擊事件、右鍵點擊事件、滾輪事件和移動事件的代碼實現(xiàn),了解JS模擬鼠標點擊事件的原理和實現(xiàn)方法對于開發(fā)人員非常重要,這對于許多面向用戶的web應(yīng)用程序的開發(fā)和測試都具有很重要的意義2023-09-09