<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
1721
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
1月前
|
数据采集
前端开发
JavaScript
金融数据分析：解析JavaScript渲染的隐藏表格
本文详解了如何使用Python与Selenium结合代理IP技术，从金融网站（如东方财富网）抓取由JavaScript渲染的隐藏表格数据。内容涵盖环境搭建、代理配置、模拟用户行为、数据解析与分析等关键步骤。通过设置Cookie和User-Agent，突破反爬机制；借助Selenium等待页面渲染，精准定位动态数据。同时，提供了常见错误解决方案及延伸练习，帮助读者掌握金融数据采集的核心技能，为投资决策提供支持。注意规避动态加载、代理验证及元素定位等潜在陷阱，确保数据抓取高效稳定。
69
17
17
|
2月前
|
JavaScript
Shell
C#
多种脚本批量下载 Docker 镜像：Shell、PowerShell、Node.js 和 C#
本项目提供多种脚本（Shell、PowerShell、Node.js 和 C#）用于批量下载 Docker 镜像。配置文件 `docker-images.txt` 列出需要下载的镜像及其标签。各脚本首先检查 Docker 是否安装，接着读取配置文件并逐行处理，跳过空行和注释行，提取镜像名称和标签，调用 `docker pull` 命令下载镜像，并输出下载结果。使用时需创建配置文件并运行相应脚本。C# 版本需安装 .NET 8 runtime。
158
2
2
|
5月前
|
JSON
移动开发
JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式：`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求，返回Promise对象，可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果，适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
99
5
5
|
7月前
|
JavaScript
前端开发
|
8月前
|
JavaScript
前端开发
|
10月前
|
JavaScript
前端开发
安全
80 行 JS 代码实现页面添加水印：文字水印、多行文字水印、图片水印、文字&图片水印
80 行 JS 代码实现页面添加水印：文字水印、多行文字水印、图片水印、文字&图片水印
1. 信息标识： 水印可以用于标识文档的所有者、保密级别、状态或其他相关信息，帮助用户更好地理解文档内容的属性。
2. 版权保护： 在文档中添加水印可以帮助保护内容的版权，防止他人未经授权地复制、转载或篡改内容。
3. 安全保护： 对于敏感信息或机密文档，添加水印可以帮助防止信息泄露，提高文档的安全性。
4. 提升专业性： 在一些场景下，如商业报告、合同文件等，添加水印可以增加文档的专业性和正式性。
5. 防止截屏或拷贝： 在网页中添加水印可以防止用户通过截屏或复制粘贴等方式非法获取文档内容。
153
1
1
|
10月前
|
JavaScript
前端开发
API
|
11月前
|
JavaScript
前端开发
NoSQL
【MongoDB 专栏】MongoDB 的 JavaScript 引擎与脚本执行
【5月更文挑战第11天】MongoDB 的 JavaScript 引擎允许在服务器端直接执行脚本，提升效率并实现定制化操作。脚本环境提供独立但与数据库关联的运行空间，引擎负责脚本的解析、编译和执行。执行过程包括脚本提交、解析、编译和执行四个步骤。掌握脚本逻辑设计和 JavaScript 语言特性对于高效利用这一功能至关重要。例如，通过脚本可以计算商品总销售额，增强数据库操作的灵活性。
175
1
1
|
10月前
|
JavaScript
|
10月前
|
JavaScript
热门文章
最新文章
1
如何在阿里云的linux上搭建Node.js编程环境？
2
【Javascript系列】Terser除了压缩代码之外，还有优化代码的功能
3
jqtimeline.js-简单又好用的jquery时间轴插件
4
Spring Boot 与 Vue.js 前后端分离中的数据交互机制
5
JavaScript：编程宇宙的多面闪耀之星-揭秘 JavaScript，编程界的全能霸主如何炼成？-优雅草卓伊凡
6
JS实现多条件搜索函数
7
JS实现实时输入验证
8
js如何把年月日转换为时间戳
9
前端基础的讲解-JS(7)
10
前端基础的讲解-JS(13)
1
通义灵码 Rules 库合集来了，覆盖Java、TypeScript、Python、Go、JavaScript 等
33
2
使用 Node.js、Express 和 React 构建强大的 API
32
3
了解JS的递归
40
4
js 垃圾回收机制的方法
33
5
JS实现多条件搜索函数
47
6
JS实现实时输入验证
41
7
js如何把年月日转换为时间戳
42
8
Spring Boot 与 Vue.js 前后端分离中的数据交互机制
64
9
JavaScript：编程宇宙的多面闪耀之星-揭秘 JavaScript，编程界的全能霸主如何炼成？-优雅草卓伊凡
61
10
前端基础的讲解-JS(13)
38