<wbr><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a rel="nofollow" href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"><br><html xmlns="<a rel="nofollow" href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"><br><head><br><meta http-equiv="Content-Type" content="text/html; charset=gbk" /><br><title>无标题文档</title><br><script type="text/javascript"><br>//每一行的索引<br>var index = 3;<br>function btnAddRow(){<br>//创建新行的id<br>var rId = "tr" + index;<br>//随机数<br>var ranPrice = "¥" + Math.round((Math.random() * 100));<br>//table对象<br>var table1 = document.getElementById("table1");<br>//行数<br>var rowCount = table1.rows.length;<br>//添加到最后一行<br>var newRow = table1.insertRow(rowCount);<br>//添加ID<br>newRow.id = rId;<br>//给第一列添加<br>var newCell1 = newRow.insertCell(0);<br>//内容<br>newCell1.innerHTML = "西游记"+index;<br>//给第二列添加<br>var newCell2 = newRow.insertCell(1);<br>//内容<br>newCell2.innerHTML = ranPrice;<br>//给第三列添加<br>var newCell3 = newRow.insertCell(2);<br>//内容<br>newCell3.innerHTML = "<input type='button' name='button' id='button' value='删除' />";<br>//alert(newCell3.innerHTML);<br>//变量++<br>index ++;<br>}</wbr>
</script>
</head>
<body>
<table id="table1" width="500" border="1" cellspacing="1" cellpadding="1">
<tr id="tr0">
<td>书名</td>
<td>价格</td>
<td>操作</td>
</tr>
<tr id="tr1">
<td>三国演义</td>
<td>¥99</td>
<td>
<input type="button" name="button" id="button" value="删除" /> </td>
</tr>
<tr id="tr2">
<td>水浒传</td>
<td>¥100</td>
<td><input type="button" name="button2" id="button2" value="删除" /></td>
</tr>
</table>
<p>
<input type="button" name="button3" id="button3" value="新增一行" onclick="btnAddRow()" />
</p>
</body>
</html>
分享到:
相关推荐
网页表格用js动态添加一行代码,javascript应用
Excel中如何在每一行前插入标题行
用Itext操作word,可以在word里画表格,也可以往word里插入图片
在EXCEL表格中-每一行之前插入相同数据优质资料.doc
在EXCEL表格中-每一行之前插入相同数据.doc
在word中根据表头动态增加表格行,然后把数据中数据中写入表格中。
怎么在word2021中表格里增加插入行列.docx
Delphi7.0读入数据到DBGrid并向Word中插入表格,其实就是Delphi向Word中插入表格,测试数据由Delphi从SQLSERVER中读取,然后放入DBGrid中,再将DBGrid网格中的数据通过Word转换成表格。 begin if TStringGrid...
将excel表格里的每行内容批量插入到word的指定位置的方法(合并邮件)
javascript动态添加表格数据行 在很多web应用中,我们会遇到很多需要动态插入多行纪录的地方。比如,在人才网站上,我们填写简历的时候,我们要填写我们的项目经验,我们可以根据自己的实际情况动态的添加条数,这种...
MSHFlexGrid双击插入一行并高亮显示 vb MSHFlexGrid 中新增一行时自动选中新增的那一行并变色 双击需要添加的行,在双击行的上面添加一行并选中
使用jQuery为表格添加合计行,方法依赖jQuery,方法中使用到的JQ是jQuery中的$方法的别名
让excel表格自动根据设定行数插入分页,并在每页最后一行进行合计。
使用LABVIEW向多列列表框写入固定行数的数据,比如写入5行数据后,自动清除多列列表框数据,从第6个数据开始插入。。。插入第10个数据后,再一次插入数据时,多列列表框将只显示最新5行数据
一款可以像excel一样进行编辑的前端表格,可以进行表格的编辑,合并,删除行,插入行等操作。里面有例子, 直接打开html文件可以看到一个例子表格
ASP.NET c# 操作word模板插入文字、图片及表格 这个资源第一次上传是在15年,反正离现在有点年代了,当年肯定是用的起得现在我不做保证哈,目前修改原因是积分太高了,我需要修改一下,意思意思就行,
在系统菜单栏编辑项中和系统右键菜单中,有三种方式对表格数据进行增加,分别是“增加一行”,“上方插入一行”和“下方插入一行”。 点击“增加一行”,会在表格末尾生成一行空行。 点击“上方插入一行”,会在当前...
word批量插入excel表格内容:可按excel表格每一行生成word文档,excel内容插入word指定位置; word批量插入图片:可批量将图片插入word文档指定位置,自定义设置插入图片的宽度和高度。 可同时将excel表格内容和图片...
在系统菜单栏编辑项中和系统右键菜单中,有三种方式对表格数据进行增加,分别是“增加一行”,“上方插入一行”和“下方插入一行”。 点击“增加一行”,会在表格末尾生成一行空行。 点击“上方插入一行”,会在当前...
调整bulk_insert_buffer_size变量也能提高(向包含行的表格中)插入的速度。 3)可以对myisam表并行插入Concurrent_insert系统变量可以被设置用于修改concurrent-insert处理。该变量默认设置为1。如果concurrent_...