利用javaScript动态增加表格行,删除表格行
来源:互联网 发布:高级linux书籍 编辑:程序博客网 时间:2024/05/29 17:56
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<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>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</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>
</tr>
</BODY>
</HTML>
intRowIndex是全局变量,记录鼠标选择得行。insertRow()函数可以在传入得参数前插入一个表格行,
- 利用javaScript动态增加表格行,删除表格行
- 利用javaScript动态增加表格行,删除表格行
- 利用javaScript动态增加表格行,删除表格行
- 动态增加删除表格行
- Javascript 增加、删除表格行
- Javascript 动态增加表格行
- javascript实现动态增加删除表格行(兼容IE/FF)
- javascript动态创建表格:增加、删除行/单元格
- 表格动态增加行删除行
- 动态增加,删除表格中的行
- 动态增加,删除表格行并按照表格列排序
- 【JavaScript】Html表格增加、删除行
- Javascript实现动态增加、删除表格域
- javascript动态增加、删除、填充表格内容
- javascript动态增加、删除、填充表格内容
- javascript动态增加、删除、填充表格内容
- javascript动态增加、删除、填充表格内容
- 使用Javascript动态增加,删除表格
- [新闻] 微软8月10日发布13个安全补丁
- java程序移植到linux上中文乱码处理问题
- 过滤网页中的全角半角字母的程序
- C# post数据时 出现如下错误: System.Net.WebException: 远程服务器返回错误: (417) Expectation Failed 的解决办法
- poj 1189 钉子和小球 DP
- 利用javaScript动态增加表格行,删除表格行
- Microsoft Kinect SDK比较PrimeSense OpenNI
- gdb debug memory address
- 网络地址结构体解析
- Asp.net 网站发布到服务器后 访问报错:这是预编译工具生成的标记文件,不应删除!
- 什么是ActiveRecord
- 集群技术
- 加入jquery.validate.min.js,getJson 回调函数无法正常执行
- android的color值