<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
1683
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
7月前
|
JavaScript
前端开发
测试技术
使用Selenium执行JavaScript脚本：探索Web自动化的新领域
本文介绍了如何在Selenium中使用JavaScript解决自动化测试中的复杂问题。Selenium的`execute_script`函数用于同步执行JS，例如滑动页面、操作时间控件等。在滑动操作示例中，通过JS将页面滚动到底部，点击下一页并获取页面信息。对于只读时间控件，利用JS去除readonly属性并设置新日期。使用JS扩展了Selenium的功能，提高了测试效率和精准度，适用于各种自动化测试场景。
202
1
1
|
1月前
|
JSON
移动开发
JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式：`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求，返回Promise对象，可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果，适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
50
5
5
|
3月前
|
JavaScript
前端开发
|
4月前
|
JavaScript
前端开发
|
6月前
|
JavaScript
前端开发
安全
80 行 JS 代码实现页面添加水印：文字水印、多行文字水印、图片水印、文字&图片水印
80 行 JS 代码实现页面添加水印：文字水印、多行文字水印、图片水印、文字&图片水印
1. 信息标识： 水印可以用于标识文档的所有者、保密级别、状态或其他相关信息，帮助用户更好地理解文档内容的属性。
2. 版权保护： 在文档中添加水印可以帮助保护内容的版权，防止他人未经授权地复制、转载或篡改内容。
3. 安全保护： 对于敏感信息或机密文档，添加水印可以帮助防止信息泄露，提高文档的安全性。
4. 提升专业性： 在一些场景下，如商业报告、合同文件等，添加水印可以增加文档的专业性和正式性。
5. 防止截屏或拷贝： 在网页中添加水印可以防止用户通过截屏或复制粘贴等方式非法获取文档内容。
83
1
1
|
6月前
|
JavaScript
前端开发
API
|
6月前
|
JavaScript
|
6月前
|
JavaScript
|
7月前
|
JavaScript
前端开发
NoSQL
【MongoDB 专栏】MongoDB 的 JavaScript 引擎与脚本执行
【5月更文挑战第11天】MongoDB 的 JavaScript 引擎允许在服务器端直接执行脚本，提升效率并实现定制化操作。脚本环境提供独立但与数据库关联的运行空间，引擎负责脚本的解析、编译和执行。执行过程包括脚本提交、解析、编译和执行四个步骤。掌握脚本逻辑设计和 JavaScript 语言特性对于高效利用这一功能至关重要。例如，通过脚本可以计算商品总销售额，增强数据库操作的灵活性。
114
1
1
|
6月前
|
前端开发
JavaScript
数据可视化
热门文章
最新文章
1
Node.js 中流操作实践
2
js数组遍历some,foreach,map,filter,every对比
3
05.javascript访问CSS
4
JavaScript右下角信息提示插件Notyf
5
深入理解JavaScript系列（14）：作用域链(Scope Chain)
6
JavaScript学习之旅-9（原创）
7
javascript工厂模式和构造方法
8
《JavaScript框架设计》——1.4 类型的判定
9
Nightwatch.js – 轻松实现浏览器的自动测试
10
JavaScript FAQ（六）——字符串
1
使用Vue.js构建交互式前端的技术探索
87
2
使用Node.js构建实时聊天应用的技术指南
121
3
深入理解JavaScript中的事件循环机制
85
4
【MongoDB 专栏】MongoDB 的 JavaScript 引擎与脚本执行
114
5
JavaScript 数组方法概览
37
6
在JavaScript中，函数原型（Function Prototype）是一个特殊的对象
64
7
JavaScript 的数组方法 map()、filter() 和 reduce() 提供了函数式编程处理元素的方式
47
8
JavaScript 提供了多种方法来操作 DOM（文档对象模型）
48
9
JavaScript的垃圾回收机制通过标记-清除算法自动管理内存
58
10
JavaScript 的垃圾回收机制有一些潜在的缺点
41