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