青岛工程建设监理公司网站,c2c的区别,深圳网络推广外包,上海人才网站首页这段代码非常的简单#xff0c;仅仅作为自己的一个小小的记录#xff01; ok#xff0c;先上一个简单的图例#xff0c;效果如下#xff08;注意#xff1a;这只是一个简单的例子#xff0c;不过可以根据这个简单的例子#xff0c;变化出更为复杂的效果#xff09;仅仅作为自己的一个小小的记录 ok先上一个简单的图例效果如下注意这只是一个简单的例子不过可以根据这个简单的例子变化出更为复杂的效果 代码也非常的简单如下所示注意图片的路径是在我的小例子中的表的样式也有待自己的调整 !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd
htmlheadmeta http-equivContent-Type contenttext/html; charsetUTF-8title例子/titlescript languagejavascriptvar i 0, j 1; //行号与列号var oNewRow; //定义插入行对象var oNewCell1, oNewCell2,oNewCell3; //定义插入列对象//添加下一行function addNextRow() {i document.getElementById(MyTable).rows.length;oNewRow document.getElementById(MyTable).insertRow(i);oNewRow.id j;//添加第一列oNewCell1 document.getElementById(MyTable).rows[i].insertCell(0);oNewCell1.innerHTML input nameid_ typetext stylewidth: 99% idinvestorName j /;//添加第二列 oNewCell2 document.getElementById(MyTable).rows[i].insertCell(1);oNewCell2.innerHTML input namename_ typetext stylewidth: 99% idinvestorProportion j /;//添加第三列oNewCell3 document.getElementById(MyTable).rows[i].insertCell(2);oNewCell3.innerHTML img srcimages/button/ico/sc.png namedel j onClickdelCurrentRow( j ); width16 height16 /;j;}//删除当前行function delCurrentRow(j) {with (document.getElementById(MyTable)) {for ( var i 0; i rows.length; i) {if (rows[i].id j) {deleteRow(i);}}}}/script/headbodytable idMyTable width100% border0 cellpadding0 cellspacing0trtd width47%ID号/tdtd width47%姓名/tdtdimg srcimages/button/ico/plus.png nameaddRow_ onclickaddNextRow(); width16 height16 //td/trtrtdinput nameid_ typetext stylewidth: 99% idid//tdtdinput namename_ typetext stylewidth: 99% idname//tdtdnbsp;nbsp;/td/tr/table /body
/html 转载于:https://www.cnblogs.com/godtrue/p/3640831.html
