国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

javascript實現(xiàn)動態(tài)增加刪除表格行(兼容IE/FF)

2019-11-21 02:10:42
字體：大 中 小
來源：轉載
供稿：網(wǎng)友
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>動態(tài)增刪表格行</title>
<script language="JavaScript">
<!--
//author: Robin
//email: griefforyou@gmail.com

var rowIndex=0;
function addLine(obj){
var objSourceRow=obj.parentNode.parentNode;
var objTable=obj.parentNode.parentNode.parentNode.parentNode;
if(obj.value=='增加'){
rowIndex++;
var objRow=objTable.insertRow(rowIndex);
var objCell;

objCell=objRow.insertCell(0);
objCell.innerHTML=" "; 

objCell=objRow.insertCell(1);
objCell.innerHTML=objSourceRow.cells[1].innerHTML;

objCell=objRow.insertCell(2);
objCell.innerHTML=objSourceRow.cells[2].innerHTML.replace(/增加/,'刪除');
}
else{
objTable.lastChild.removeChild(objSourceRow);
rowIndex--;
} 
}

function removeLine(){

}

//-->
</script>
</head>
<body bgcolor="#ffffff">
<form name="form1" method="post">
<table width="400" border="0">
<tr>
<td>基本信息</td>
<td><select name="select">
<option value="" selected>選擇</option>
<option value="1">第一</option>
<option value="2">第二</option>
</select></td>
<td><input name="basicinfo" type="text" id="basicinfo">
<input name="add" type="button" id="add" value="增加" onClick="addLine(this)"></td>
</tr>
<tr>
<td>其它信息</td>
<td> </td>
<td><input type="text" name="textfield"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</form>
</body>
</html>

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 都昌县| 分宜县| 紫云| 泗洪县| 伊金霍洛旗| 镇平县| 西乌| 社旗县| 体育| 那坡县| 留坝县| 瓦房店市| 温泉县| 万全县| 东乡族自治县| 民乐县| 碌曲县| 黔西县| 扶沟县| 龙江县| 广水市| 麻阳| 建阳市| 霍城县| 卓尼县| 榆社县| 穆棱市| 枝江市| 洪雅县| 铜山县| 乌兰察布市| 中江县| 五家渠市| 韶山市| 翁牛特旗| 衡阳市| 习水县| 常熟市| 津南区| 陵川县| 大名县|