亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

Js實現動態添加刪除Table行示例

2019-11-20 20:49:54
字體:
來源:轉載
供稿:網友
最近做項目遇到要動態添加、刪除表格行的操作,實現如下

html代碼
復制代碼 代碼如下:

<table cellpadding="0" cellspacing="0" border="1" style="margin:auto; width:96%;" id="LearnInfoItem">
<tr >
<td colspan="8" bgcolor="#96E0E2" style="height:30px;" ><h3 style="text-align:center; margin:0;">主要學習簡歷</h3></td>
</tr>
<tr id="tr1">
<td class="tdStyle2">起訖時間 </td>

<td class="tdStyle2">畢業院校</td>

<td class="tdStyle2">所學專業</td>

<td class="tdStyle2">學制</td>

<td class="tdStyle2">學位</td>

<td class="tdStyle2">學習方式</td>

<td class="tdStyle2">文化程度</td>

<td class="tdStyle2">
<input type="button" name="LearnAdd" value="添加" onclick="LearnAddSignRow()" />
<input name='LearnTRLastIndex' type='hidden' id='LearnTRLastIndex' value="1" />
</td>

</tr>
</table>

javascript代碼:
復制代碼 代碼如下:

<script language="javascript" type="text/javascript">// Example: obj = findObj("image1");

function findObj(theObj, theDoc)
{
var p, i, foundObj;
if(!theDoc) theDoc = document;
if( (p = theObj.indexOf("?")) > 0 && parent.frames.length)
{
theDoc = parent.frames[theObj.substring(p+1)].document;
theObj = theObj.substring(0,p);
}
if(!(foundObj = theDoc[theObj]) && theDoc.all)
foundObj = theDoc.all[theObj];
for (i=0; !foundObj && i < theDoc.forms.length; i++)
foundObj = theDoc.forms[i][theObj];
for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++)
foundObj = findObj(theObj,theDoc.layers[i].document);
if(!foundObj && document.getElementById)
foundObj = document.getElementById(theObj);
return foundObj;
}


//添加一行學習簡歷
function LearnAddSignRow(){ //讀取最后一行的行號,存放在LearnTRLastIndex文本框中
var LearnTRLastIndex = findObj("LearnTRLastIndex",document);
var rowID = parseInt(LearnTRLastIndex.value);

var signFrame = findObj("LearnInfoItem",document);
//添加行
var newTR = signFrame.insertRow(signFrame.rows.length);
newTR.id = "LearnItem" + rowID;

//添加列:起訖時間
var newNameTD=newTR.insertCell(0);
//添加列內容
newNameTD.innerHTML = "<input name='txtLearnStartDate" + rowID + "' id='txtLearnStartDate" + rowID + "' type='text' class='inputStyle' />";

//添加列:畢業院校
var newNameTD=newTR.insertCell(1);
//添加列內容
newNameTD.innerHTML = "<input name='txtName" + rowID + "' id='txtName" + rowID + "' type='text' class='inputStyle' />";

//添加列:所學專業
var newEmailTD=newTR.insertCell(2);
//添加列內容
newEmailTD.innerHTML = "<input name='txtEMail" + rowID + "' id='txtEmail" + rowID + "' type='text' class='inputStyle' />";

//添加列:學制
var newTelTD=newTR.insertCell(3);
//添加列內容
newTelTD.innerHTML = "<input name='txtTel" + rowID + "' id='txtTel" + rowID + "' type='text' class='inputStyle' />";

//添加列:學位
var newMobileTD=newTR.insertCell(4);
//添加列內容
newMobileTD.innerHTML = "<input name='txtMobile" + rowID + "' id='txtMobile" + rowID + "' type='text' class='inputStyle' />";

//添加列:學習方式
var newMobileTD=newTR.insertCell(5);
//添加列內容
newMobileTD.innerHTML = "<input name='txtMobile" + rowID + "' id='txtMobile" + rowID + "' type='text' class='inputStyle' />";

//添加列:文化程度
var newCompanyTD=newTR.insertCell(6);
//添加列內容
newCompanyTD.innerHTML = "<input name='txtCompany" + rowID + "' id='txtCompany" + rowID + "' type='text' class='inputStyle' />";


//添加列:刪除按鈕
var newDeleteTD=newTR.insertCell(7);
//添加列內容
newDeleteTD.innerHTML = "<div align='center'><input id='txtDel" + rowID + "' type='button' value='刪除' onclick=/"LearnDeleteRow('LearnItem" + rowID + "')/" class='inputStyle' /></div>";

//將行號推進下一行
LearnTRLastIndex.value = (rowID + 1).toString() ;
}
//刪除指定行
function LearnDeleteRow(rowid){
var signFrame = findObj("LearnInfoItem",document);
var signItem = findObj(rowid,document);

//獲取將要刪除的行的Index
var rowIndex = signItem.rowIndex;

//刪除指定Index的行
signFrame.deleteRow(rowIndex);

}

}
</script>

實現效果:
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
91在线|亚洲| 欧美老女人在线视频| 国产91精品不卡视频| 国产成人黄色av| 久久91超碰青草是什么| 国产精品黄色影片导航在线观看| 亚洲精品www| 尤物九九久久国产精品的分类| 国产成人av在线| 精品夜色国产国偷在线| 在线亚洲国产精品网| 精品福利在线看| 久久久久久综合网天天| 亚洲热线99精品视频| 欧美高清视频在线播放| 91在线高清视频| 91丝袜美腿美女视频网站| 91久久精品国产91久久| 欧美一区二区三区免费视| 欧美尺度大的性做爰视频| 91在线高清视频| 欧美黑人性生活视频| 911国产网站尤物在线观看| 精品中文字幕在线| 亚洲在线免费观看| 亚洲欧美日韩爽爽影院| 国产精品一区二区三区免费视频| 国产91对白在线播放| 中文字幕在线精品| 国内精品中文字幕| 国产91在线播放| 青草热久免费精品视频| 色综合影院在线| 狠狠色噜噜狠狠狠狠97| 欧洲亚洲免费在线| 亚洲国产成人91精品| 国内外成人免费激情在线视频| 久久免费精品日本久久中文字幕| 日韩欧美在线中文字幕| 97人洗澡人人免费公开视频碰碰碰| 国产精品成久久久久三级| 国产精品日韩在线播放| 91嫩草在线视频| 懂色av影视一区二区三区| 精品无码久久久久久国产| 亚洲电影免费观看高清| 国产精自产拍久久久久久| 国产精品影片在线观看| 亚洲xxx自由成熟| 日韩成人av网| 久久香蕉国产线看观看av| 一区二区福利视频| 亚洲福利视频专区| 欧美日韩中文字幕在线| 国内精品视频在线| 久久久精品网站| 高清在线视频日韩欧美| 日韩女在线观看| 亚洲成人精品在线| 日韩欧美国产骚| 欧美激情在线观看| 亚洲18私人小影院| 国产精品网址在线| 久久影视三级福利片| 精品久久久久久久久久| 国产精品扒开腿做| 91精品在线影院| 国产精品成人免费电影| 国产成人精品最新| 午夜精品久久久久久久白皮肤| 国产一区二区三区中文| 91性高湖久久久久久久久_久久99| 夜色77av精品影院| 欧美性猛交xxxx富婆| 欧美黄色免费网站| 91禁国产网站| 富二代精品短视频| 日韩精品在线免费观看| 久久国产加勒比精品无码| 欧美激情综合亚洲一二区| 最近2019免费中文字幕视频三| 国产一区二区三区在线看| 51ⅴ精品国产91久久久久久| 亚洲欧洲在线观看| 国产有码在线一区二区视频| 欧美日韩美女视频| 俺去啦;欧美日韩| 日韩av在线网| 欧美精品情趣视频| 国产精品黄页免费高清在线观看| 亚洲经典中文字幕| 国产午夜精品全部视频在线播放| 欧美性开放视频| 68精品国产免费久久久久久婷婷| 欧美日韩亚洲91| 欧美一级片在线播放| 91久久久久久久久| 日韩大陆欧美高清视频区| 亚洲精品中文字幕有码专区| 久久影院免费观看| 欧美性猛交xxxx黑人猛交| 色综合91久久精品中文字幕| 亚洲无限av看| 91在线精品视频| 国产一区av在线| 日韩有码在线播放| 欧洲一区二区视频| 久久91亚洲精品中文字幕| 69久久夜色精品国产69| 日韩极品精品视频免费观看| 69**夜色精品国产69乱| 亚洲国产欧美一区二区三区同亚洲| 亚洲欧美日韩国产成人| 在线不卡国产精品| 欧美性xxxxx极品| 亚洲午夜未满十八勿入免费观看全集| 国产欧美最新羞羞视频在线观看| 大伊人狠狠躁夜夜躁av一区| 北条麻妃在线一区二区| 在线播放日韩欧美| 91色视频在线导航| 欧美国产精品va在线观看| 中文亚洲视频在线| 国产精品视频26uuu| 亚洲人成在线免费观看| 亚洲精品suv精品一区二区| 日韩av电影手机在线观看| xxx成人少妇69| 亚洲美女免费精品视频在线观看| 欧美色另类天堂2015| 亚洲图片欧洲图片av| 中文字幕自拍vr一区二区三区| 国产在线日韩在线| 日韩电影中文 亚洲精品乱码| 亚洲国产精品va在线| 日韩一区二区三区在线播放| 国产一区二区久久精品| 国产成人精品视频在线| 国产91热爆ts人妖在线| 精品综合久久久久久97| 亚洲在线视频观看| 国产精品日韩电影| 亚洲a级在线观看| 日本欧美一级片| 成人h视频在线观看播放| 欧美午夜片欧美片在线观看| 久久影视电视剧免费网站| 青青久久av北条麻妃海外网| 亚洲影院在线看| 欧美一级电影免费在线观看| 久久成人综合视频| 久久6免费高清热精品| 亚洲色图日韩av| 国产suv精品一区二区| 欧美一区深夜视频| 亚洲欧美国产一本综合首页| 色播久久人人爽人人爽人人片视av| 久久久视频免费观看| 欧美激情一区二区三区高清视频| xx视频.9999.com| 精品国产视频在线| 亚洲精品视频在线播放| 69久久夜色精品国产7777| 中文字幕国产亚洲|