js动态增加行

最新推荐文章于 2023-07-27 16:54:14 发布
最新推荐文章于 2023-07-27 16:54:14 发布
阅读量154 收藏
点赞数
分类专栏： JS 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a1008223/article/details/84124682
版权
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">

<script type="text/javascript">

function Reset() {
var f = document.forms[0];
alert(f.id);
f.reset();
}
function getTD() {
var newtd = document.createElement("td");
newtd.setAttribute("align", "left");
newtd.style.backgroundColor = "#ffffff";
newtd.setAttribute("valign", "top");

newtd.style.BORDERRIGHT="windowtext 1pt solid";
newtd.style.PADDINGRIGHT="5.4pt";
newtd.style.BORDERTOP="medium none";
newtd.style.PADDINGLEFT="5.4pt";

//PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:45.8pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'
return newtd;
}

function getGoosList() {

var table = document.getElementById("Table1");

var trs = table.getElementsByTagName("tr");
var tds = trs[3].getElementsByTagName("td");



var str1="";
for ( var i = 0; i < tds.length-1; i++) {

for(var j=3;j<trs.length-1;j++){
if(table.rows[j].cells[i].children(0)){

str1 +=","+table.rows[j].cells[i].children(0).value;

}

table.rows[j].cells[i].children(0).value="";

}

table.rows[3].cells[i].children(0).value=str1.substr(1,str1.length);
str1="";

}


}
function getValue(){
var table = document.getElementById("Table1");
var trs = table.getElementsByTagName('tr');

var str=table.rows[3].cells[0].children(0).value;

if(str!=""){

var s = str.split(",");


var len=trs.length-4;

for(var i=0;i<s.length-len;i++){

getGoods();
}
var trs = table.getElementsByTagName('tr');
var tds = trs[3].getElementsByTagName("td");
for ( var i = 0; i < tds.length-1; i++) {
var str= table.rows[3].cells[i].children(0).value;
str = str.split(",");
for(var j=3;j<trs.length-1;j++){
if(table.rows[j].cells[i].children(0)){


if(str!=""&&str[j-3]!=undefined){

table.rows[j].cells[i].children(0).value=str[j-3];
}

}
}
}
}


}


function getGoods() {

var table1 = document.getElementById('Table1');
var trs = table1.getElementsByTagName('tr');
var idx = trs.length - 1;
var newtr = table1.insertRow(idx);
var temp =newtr.rowIndex;

newtd = getTD();
newtd.innerHTML = ' <input type="text" name="txtMC'+temp+'" size="15">';

newtr.appendChild(newtd);


newtd = getTD();
newtd.innerHTML = '<input type="text" name="txtGGXH'+temp+'" size="20">';
newtr.appendChild(newtd);

newtd = getTD();
newtd.innerHTML = '<input type="text" name="txtJLDW'+temp+'" size="5">';
newtr.appendChild(newtd);

newtd = getTD();
newtd.innerHTML = ' <input type="text" name="txtSL'+temp+'" size="5">';
newtr.appendChild(newtd);

newtd = getTD();
newtd.innerHTML = '<input type="text" name="txtDJ'+temp+'" size="5">';
newtr.appendChild(newtd);



newtd = getTD();
newtd.innerHTML = ' <input type="text" name="txtYSJE'+temp+'" size="5">';
newtr.appendChild(newtd);

newtd = getTD();
newtd.innerHTML = ' <input type="text" name="txtLZKM'+temp+'" size="5">';
newtr.appendChild(newtd);

newtd = getTD();
newtd.innerHTML = ' <input type="text" name="txtGZLY'+temp+'" size="15">';
newtr.appendChild(newtd);

newtd = getTD();
newtd.innerHTML = '<a href="javascript:void(0)" οnclick="CancelTr(this)" >取消</a> ';
newtr.appendChild(newtd);


}

function CancelTr(_this) {
var dtr = _this.parentNode.parentNode;
dtr.parentNode.removeChild(dtr);



}
</script>
</head>
<body>
<table>
<tr>
<td align="center"><b style='mso-bidi-font-weight:normal'><u style='text-underline:double'><span style="FONT-SIZE:18pt;FONT-FAMILY:方正小标宋_GBK;mso-bidi-font-size:10.0pt;mso-hansi-font-family:方正小标宋_GBK;mso-bidi-font-family:'Times New Roman';mso-font-kerning:1.0pt;mso-ansi-language:EN-US;mso-fareast-language:ZH-CN;mso-bidi-language:AR-SA">
固定资产购置申请单</span></u></b></td>
</tr>
<tr>
<td>
<table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0" style='BORDER-RIGHT:medium none; BORDER-TOP:medium none; MARGIN-LEFT:-3.6pt; BORDER-LEFT:medium none; BORDER-BOTTOM:medium none; BORDER-COLLAPSE:collapse; mso-table-layout-alt:fixed; mso-border-alt:solid windowtext .5pt; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-border-insideh:.5pt solid windowtext; mso-border-insidev:.5pt solid windowtext'
ID="Table1">
<tr style='HEIGHT:31.1pt;mso-yfti-irow:0;mso-yfti-firstrow:yes'>
<td width="98" style='BORDER-LEFT:windowtext 1pt solid;BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:windowtext 1pt solid; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; WIDTH:73.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:31.1pt; mso-border-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'>
<span style="FONT-SIZE:15pt;
FONT-FAMILY:方正黑体_GBK;
mso-bidi-font-size:10.0pt;
mso-ascii-font-family:'Times New Roman'">编</span><span lang="EN-US" style='FONT-SIZE:15pt;mso-bidi-font-size:10.0pt'><span style='mso-spacerun:yes'>
</span></span><span style="FONT-SIZE:15pt;
FONT-FAMILY:方正黑体_GBK;
mso-bidi-font-size:10.0pt;
mso-ascii-font-family:'Times New Roman'">号</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="159" colspan="2" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:windowtext 1pt solid; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:119.4pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:31.1pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt'>
<input type="text" name="txtID" size="45">
</td>
<td width="122" colspan="2" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:windowtext 1pt solid; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:91.7pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:31.1pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:15pt;
FONT-FAMILY:方正黑体_GBK;
mso-bidi-font-size:10.0pt;
mso-ascii-font-family:'Times New Roman'">申请日期</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="285" colspan="4" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:windowtext 1pt solid; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:213.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:31.1pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt'>
<input type="text" name="txtDate" size="45">
</td>
</tr>
<tr style='HEIGHT:31.1pt;mso-yfti-irow:1'>
<td width="98" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:windowtext 1pt solid; WIDTH:73.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:31.1pt; mso-border-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:15pt;
FONT-FAMILY:方正黑体_GBK;
mso-bidi-font-size:10.0pt;
mso-ascii-font-family:'Times New Roman'">购置进度</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="566" colspan="8" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:424.7pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:31.1pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtJD" size="45">
</td>
</tr>
<tr style='mso-yfti-irow:2'>
<td width="98" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:windowtext 1pt solid; WIDTH:73.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
FONT-FAMILY:方正黑体_GBK;
mso-bidi-font-size:10.0pt;
mso-ascii-font-family:'Times New Roman'">资产名称</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="98" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:73.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
FONT-FAMILY:方正黑体_GBK;
mso-bidi-font-size:10.0pt;
mso-ascii-font-family:'Times New Roman'">规格型号</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="61" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:45.8pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
FONT-FAMILY:方正黑体_GBK;
mso-bidi-font-size:10.0pt;
mso-ascii-font-family:'Times New Roman'">计量</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
FONT-FAMILY:方正黑体_GBK;
mso-bidi-font-size:10.0pt;
mso-ascii-font-family:'Times New Roman'">单位</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="61" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:45.8pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
FONT-FAMILY:方正黑体_GBK;
mso-bidi-font-size:10.0pt;
mso-ascii-font-family:'Times New Roman'">数量</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="61" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:45.9pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
FONT-FAMILY:方正黑体_GBK;
mso-bidi-font-size:10.0pt;
mso-ascii-font-family:'Times New Roman'">单价</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="71" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:53.4pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
FONT-FAMILY:方正黑体_GBK;
mso-bidi-font-size:10.0pt;
mso-ascii-font-family:'Times New Roman'">预算</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
FONT-FAMILY:方正黑体_GBK;
mso-bidi-font-size:10.0pt;
mso-ascii-font-family:'Times New Roman'">金额</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="71" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:53.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
FONT-FAMILY:方正黑体_GBK;
mso-bidi-font-size:10.0pt;
mso-ascii-font-family:'Times New Roman'">列支</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
FONT-FAMILY:方正黑体_GBK;
mso-bidi-font-size:10.0pt;
mso-ascii-font-family:'Times New Roman'">科目</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="142" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:106.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
FONT-FAMILY:方正黑体_GBK;
mso-bidi-font-size:10.0pt;
mso-ascii-font-family:'Times New Roman'">购置理由</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="142" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:106.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='LAYOUT-GRID-MODE:char;TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;
FONT-FAMILY:方正黑体_GBK;
mso-bidi-font-size:10.0pt;
mso-ascii-font-family:'Times New Roman'">编辑</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
</tr>
<tr style='HEIGHT:23.95pt;mso-yfti-irow:3;page-break-inside:avoid'>
<td width="98" valign="top" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:windowtext 1pt solid; WIDTH:73.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:23.95pt; mso-border-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtMC1" size="15">
</td>
<td width="98" valign="top" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:73.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:23.95pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtGGXH1" size="20">
</td>
<td width="61" valign="top" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:45.8pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:23.95pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtJLDW1" size="5">
</td>
<td width="61" valign="top" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:45.8pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:23.95pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtSL1" size="5">
</td>
<td width="61" valign="top" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:45.9pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:23.95pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtDJ1" size="5">
</td>
<td width="71" valign="top" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:53.4pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:23.95pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtYSJE1" size="5">
</td>
<td width="71" valign="top" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:53.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:23.95pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtLZKM1" size="5">
</td>
<td width="142" valign="top" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:106.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:23.95pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtGZLY1" size="15">
</td>

<td width="142" valign="top" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:106.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:23.95pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<a href="javascript:void(0)" >取消</a>
</td>

</tr>

<tr style='HEIGHT:47.95pt;mso-yfti-irow:8;page-break-inside:avoid'>
<td width="98" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:windowtext 1pt solid; WIDTH:73.6pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:47.95pt; mso-border-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<p class="MsoNormal" align="center" style='TEXT-INDENT:0cm;TEXT-ALIGN:center;mso-char-indent-count:0'><span style="FONT-SIZE:14pt;FONT-FAMILY:方正黑体_GBK;mso-bidi-font-size:10.0pt;mso-ascii-font-family:'Times New Roman'">说明</span><span lang="EN-US" style='FONT-SIZE:14pt;mso-bidi-font-size:10.0pt'><o:p></o:p></span></p>
</td>
<td width="566" colspan="8" style='BORDER-RIGHT:windowtext 1pt solid; PADDING-RIGHT:5.4pt; BORDER-TOP:medium none; PADDING-LEFT:5.4pt; PADDING-BOTTOM:0cm; BORDER-LEFT:medium none; WIDTH:424.7pt; PADDING-TOP:0cm; BORDER-BOTTOM:windowtext 1pt solid; HEIGHT:47.95pt; mso-border-alt:solid windowtext .5pt; mso-border-left-alt:solid windowtext .5pt; mso-border-top-alt:solid windowtext .5pt'>
<input type="text" name="txtSM" size="100" ID="Text33">
</td>
</tr>

</table>
<input type="button" value="增加" οnclick="getGoods()">
<input type="button" value="提交" οnclick="getGoosList()">

<input type="button" value="赋值" οnclick="getValue()">
</td>
</tr>
</table>

</body>
</html>
a1008223
关注
专栏目录
JS动态添加行
s853562285的专栏
08-22 496
function id(id) { return document.getElementById(id); } var count = 1; function addRow(){ var tableObj = id("testTable"); var rowObj = tableObj.insertRow(-1); rowObj.setAttribute("id","newRow"); v
用js实现动态增加行
Ask马小向的专栏
07-24 3618
实现效果如下图所示： 图1，初始界面为一行表格，第一行可以删除。 图2，点击“添加”，可以增加一行，点击“清空”可以清除所有数据，点击“删除”可以删除一行。 实现方法为如下： （1）引入js：add.js（见附件） （2）实现初始化页面就显示一行。 （3）页面中加入信息条目，并                                序号
js 动态添加表格行和列
06-02 665
[code="html"] New Document // Example: obj = findObj("image1"); function findObj(theObj, theDoc){...
JavaScript 动态增加行~
van416521的专栏
11-08 660
JS代码: window.onload = function() { var add = $('add'); var del = $('del'); var i=1; add.onclick = function() { var tableObject = new Object(); var isneed = true; tableObject = $('Clo
JS动态增加行
会飞De琥珀
03-24 572
$(document).ready(function () { //居中 $("#tab tr").attr("align", "center"); //增加 $("#but").click(function () { var _len = $("#tab tr").l
利用JS动态增加行
默默的小熊
09-07 136
&lt;%@ page language="java" import="java.util.*" pageEncoding="gb2312"%&gt; &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt;
JS实现向表格中动态添加行的方法
12-01
本文实例讲述了JS实现向表格中动态添加行的方法。分享给大家供大家参考。具体分析如下： 下面的JS代码通过表格对象的insertRow方法动态向表格的最顶端添加新的行 <!DOCTYPE html> <html> <head> ...
js动态添加行和删除行
08-24
在JavaScript中，动态添加行和删除行是网页交互中常见的需求，特别是在表格或者列表展示数据时。这通常涉及到DOM操作，包括元素的创建、插入和移除。以下是一些关于这个主题的重要知识点： 1. DOM操作： - `...
js动态添加行
07-17
当前文件为js动态添加行的示例，可以直接使用，也可以根据自身需求进行扩展使用，当前示例采用js动态获取对象，动态创建对象的方式进行实现动态添加行的功能。希望能够与大家分享。共同进步
利用javascript动态添加行(原创)
07-19
1. **DOM操作**：JavaScript动态添加行的核心是Document Object Model (DOM)。DOM是HTML和XML文档的结构化表示，通过它可以读取、修改和更新页面内容。使用DOM方法如`createElement()`, `appendChild()` 和 `...
用js实现动态添加行add.js
07-24
通过js实现动态添加行，前台实现代码在我的博客中，这是add.js的源码
js动态增加 删除行
iteye_19010的博客
03-23 154
添加页面： &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;html&gt;&lt;head&gt;&lt;script language="javascript" type="text/javascript"&gt;      var nation_index = 0;   var
JavaScript动态增加行
BinTime的专栏
03-12 4054
<!--var num = 0;//记录已经添加的行数function addRow(){var dataBox = document.getElementById("dataBox");//tablevar otr = dataBox.insertRow(dataBox.rows.length);//参数：table行数-1,在第几行后面增加行
动态增加行的js实现
xuexi的专栏
04-08 675
动态增加表格的行，有两种方法，一种是利用insertRo和insertCell方法，再有就是利用document.createElement("tr"),document.createElement("td"),再用newTr.appendChild(newTd);下面给两个小例子第一种方法： New Document <!--
js动态给表格添加一行、删除一行
热门推荐
rmkloveme
10-30 1万+
最近写代码遇到这个需求，特地总结了一下写了个demo，如下所示： 代码： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;new document&lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=g
JS动态增加输入栏
ithouse的专栏
08-08 1019
var i = 1; var jsonData = ""; var cnName = "cnName"; var enName = "enName"; var atType = "atType"; $(document).ready(function(){ $("#addRow").
JS——瀑布流无限加载以及动态生成a标签
NanChen的博客
06-04 692
JS瀑布流+无限滚动效果实现
纯JS table动态增加行
Everyone_boy的博客
08-21 8097
JS代码： function addRow(tableId) { var tb=document.getElementById(tableId); var tbRows=tb.rows; var newTr=tb.insertRow(tbRows.length); newTr.align="center"; var newTd0=newTr.insertCell(0); var newTd1=newTr.insertCell(1); var newTd2=newTr.insertCel
css中关于mso的所有属性（AI生成准确性未校验）
最新发布
mengmeng12138的博客
07-27 1956
MSO（Microsoft Office）指的是微软的办公软件，如Word、Excel、PowerPoint等，而在CSS中，MSO提供了一些属性来控制这些软件在呈现带有样式的HTML页面时的效果。需要注意的是，mso属性只在Microsoft Office软件中才有效，而在网页中绝大部分浏览器是不支持mso属性的，如果想要在网页中使用这些属性，建议使用其他的CSS属性代替。在CSS样式中，mso代表“Microsoft Office”，这些属性主要是为了在Microsoft Office中使用而定义的。
JavaScript实现动态表格增删行功能
"该资源是关于使用JavaScript动态添加表格行的教程，主要目的是实现点击按钮后在HTML表格中插入一行，包含输入文本框和删除按钮的功能。" 在Web开发中，JavaScript是一种常用的客户端脚本语言，它允许我们对网页...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值