动态插入、添加删除表格行的JS代码
来源:互联网 发布:淘宝云平台大数据 编辑:程序博客网 时间:2024/05/22 08:28
- <html>
- <head>
- <title>Table对象的方法</title>
- <script language="JavaScript">
- var intRowIndex = 0;
- function insertRow(tbIndex){
- var objRow = myTable.insertRow(tbIndex);
- var objCel = objRow.insertCell(0);
- objCel.innerText = document.myForm.myCell1.value;
- var objCel = objRow.insertCell(1);
- objCel.innerText = document.myForm.myCell2.value;
- objRow.attachEvent("onclick", getIndex);
- objRow.style.background = "pink";
- }
- function deleteRow(tbIndex){
- myTable.deleteRow(tbIndex);
- }
- function getIndex(){
- intRowIndex = event.srcElement.parentElement.rowIndex;
- pos.innerText = intRowIndex;
- }
- </script>
- </head>
- <body onload="pos.innerText=intRowIndex;">
- <h2>Table对象的方法</h2>
- <hr>
- 当前位置 : <span id="pos"></span>
- <table id="myTable" border=1>
- <tr onclick="getIndex()">
- <td>HTML</td>
- <td>CSS</td>
- </tr>
- <tr onclick="getIndex()">
- <td>JavaScript</td>
- <td>VBScript</td>
- </tr>
- </table>
- <form name="myForm">
- 第一栏 : <input type="text" name="myCell1" value="CGI"><br>
- 第二栏 : <input type="text" name="myCell2" value="ASP"><br>
- <input type="button" onclick="insertRow(intRowIndex)" value="插入行">
- <input type="button" onclick="deleteRow(intRowIndex)" value="删除行">
- <input type="button" onclick="insertRow(myTable.rows.length);" value="添加行">
- </form>
- </body>
- </html>
0 0
- 动态插入、添加删除表格行的JS代码
- JS 动态添加、删除表格的行
- js动态的添加删除表格的行和列
- js动态的添加删除表格的行和列
- js动态添加删除表格行
- js动态添加删除表格行
- JS动态给表格添加/删除 行
- 动态添加删除表格行的js脚本
- JS动态添加删除表格
- js动态添加删除表格
- js下为表格内部动态添加行的代码
- JS实现动态表格 添加行 删除行 删除列
- JS 删除添加表格的行操作
- js实现动态添加,删除行,onkeyup表格求和
- js动态添加表格,全选和删除
- js 动态表格添加一行删除一行
- js实现表格行的动态添加
- js实现动态添加表格的行
- Js注册等待
- 表单内容提交等待效果
- CSS+JS实现兼容性很好的无限级下拉菜单
- 自动切换的JS菜单
- CSS 仿Excel表格功能
- 动态插入、添加删除表格行的JS代码
- html表单验证程序
- 漂浮广告代码
- 一个挺漂亮的鼠标跟随效果
- 常用各种形状的鼠标
- 鼠标跟随提示效果
- JS实现打字机式字符输出效果
- title及alt提示特效
- Javascript动态调整文章的行距、字体、颜色,及打印页面和关闭窗口功能