<html>
<head>
<script language="javascript">
//窗口表格增加一行
function addNewRow(){
var tabObj=document.getElementById("myTab");//获取添加数据的表格
var rowsNum = tabObj.rows.length; //获取当前行数
var colsNum=tabObj.rows[rowsNum-1].cells.length;//获取行的列数
var myNewRow = tabObj.insertRow(rowsNum);//插入新行
var newTdObj1=myNewRow.insertCell(0);
newTdObj1.innerHTML="<input type='checkbox' name='chkArr' id='chkArr'"+rowsNum+" style='width:20px' />";
var newTdObj2=myNewRow.insertCell(1);
newTdObj2.innerHTML="<input type='text' name='nodecode' id='nodecode'"+rowsNum+" style='width:40px' value='"+rowsNum+"'/>";
var newTdObj3=myNewRow.insertCell(2);
newTdObj3.innerHTML="<input type='text' name='nodename' id='nodename'"+rowsNum+" style='width:120px' />";
var newTdObj4=myNewRow.insertCell(3);
newTdObj4.innerHTML="<input type='text' name='nodeper' id='nodeper'"+rowsNum+" style='width:60px' />";
}
//窗口表格删除一行
function removeRow(){
var chkObj=document.getElementsByName("chkArr");
var tabObj=document.getElementById("myTab");
for(var k=0;k<chkObj.length;k++){
if(chkObj[k].checked){
tabObj.deleteRow(k+1);
k=-1;
}
}
}
</script>
</head>
<body>
<input type="button" name="xx" onclick="addNewRow();" value="增加一行" />
<input type="button" name="yy" onclick="removeRow();" value="删除一行" />
<table width="600px" border="1" cellpadding="0" cellspacing="0" id="myTab">
<tr>
<td width="40px" class="top-bt liebiao-c" align="center" >操作</td>
<td width="40px" class="top-bt liebiao-c" align="center" >序号</td>
<td class="top-bt liebiao-c" align="center" >节点名称</td>
<td width="80px" class="top-bt liebiao-c" align="center" >节点比例</td>
</tr>
</table>
</body>
</html>
动态添加删除表格行的js脚本
2012-03-01
1617
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
1月前
|
JavaScript
前端开发
测试技术
使用Selenium执行JavaScript脚本：探索Web自动化的新领域
本文介绍了如何在Selenium中使用JavaScript解决自动化测试中的复杂问题。Selenium的`execute_script`函数用于同步执行JS，例如滑动页面、操作时间控件等。在滑动操作示例中，通过JS将页面滚动到底部，点击下一页并获取页面信息。对于只读时间控件，利用JS去除readonly属性并设置新日期。使用JS扩展了Selenium的功能，提高了测试效率和精准度，适用于各种自动化测试场景。
46
1
1
|
1月前
|
JavaScript
前端开发
Java
|
3月前
|
移动开发
JavaScript
数据可视化
|
3月前
|
移动开发
JavaScript
前端开发
|
3月前
|
移动开发
JavaScript
前端开发
|
3月前
|
移动开发
JavaScript
前端开发
|
3月前
|
JavaScript
前端开发
Unix
|
3月前
|
JavaScript
前端开发
Shell
|
2月前
|
消息中间件
Web App开发
JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解（学习总结---从入门到深化）
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解（学习总结---从入门到深化）
77
0
0
|
1天前
|
JavaScript
前端开发
BI
热门文章
最新文章
1
JavaScript基础语法（codewhy版本）（一）
2
JavaScript 权威指南第七版（GPT 重译）（三）(1)
3
JavaScript高级笔记-coderwhy版本（六）
4
JavaScript 权威指南第七版（GPT 重译）（六）(4)
5
JavaScript 权威指南第七版（GPT 重译）（四）(4)
6
JavaScript 权威指南第七版（GPT 重译）（二）(1)
7
JavaScript 权威指南第七版（GPT 重译）（六）(3)
8
JavaScript 权威指南第七版（GPT 重译）（三）(2)
9
报错/ ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2)怎么解决？
10
在Blazor中使用Chart.js快速创建图表
1
监控内网电脑软件设计与实现：基于Node.js的服务器端架构分析
103
2
Java Script 中的垃圾回收机制有哪些缺点
13
3
描述 JavaScript 中的垃圾回收机制。
20
4
如何使用 JavaScript 操作 DOM？
13
5
解释 JavaScript 中的`map()`、`filter()`和`reduce()`方法的用途。
19
6
JavaScript 中的数组方法有哪些？
10
7
JS设置日期为0时0分0秒
27
8
JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
24
9
JavaScript随手笔记 --- 用正则表达式匹配字符串是否为运算公式
21
10
深入理解JavaScript中的闭包与作用域链
9