<!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>
<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>
分享到：
发表评论
-
Struts标签 下拉框 迭代
2009-09-16 09:08 1562案例： select latnid from t_latn; ... -
控制WebLogic解压war包
2009-09-14 08:28 1688在开发web应用时，如果通过weblogic的控制台部署war ... -
线程的基本用法
2009-06-25 11:04 781实现多线程的方法有3种: 1.继承thread类 eg : ... -
Timer的用法
2009-06-25 09:07 1024使用Timer和TimerTask组合 最后 ... -
线程的通俗解释
2009-06-24 08:26 1276但是进程的概念相 ... -
进程通俗解释
2009-06-24 08:21 841进程(Process)指操作系统中一个独立运行的程序。例 ... -
java 调用存储过程 和 PreperStmt的用法
2009-06-14 10:54 1248PreparedStatement 的用法PreparedSt ... -
MyEclipse更改快捷键
2009-06-14 08:22 2272MyEclipse安装完成之后，有一个很常用的快捷键Conte ... -
java最大公约数算法
2009-05-20 20:06 1826最大公约数算法：如果r是a和b之间相除后的余数，则a和b之间的 ... -
创建文件,并填写内容的几种方式
2009-05-15 08:23 952import java.io.*; public class ... -
java 存储过程传递数组类型的参数
2009-05-11 08:06 1472import java.sql.*; public cla ... -
javascript onpropertychange
2009-05-09 14:38 1050<!DOCTYPE HTML PUBLIC " ... -
java.math.BigDecimal的精度问题
2009-05-09 11:21 13331. String myMoney = "100 ... -
JAVA设计模式
2009-04-24 09:15 14871、FACTORY（工厂模式） 2、BUILDER（建造模式 ... -
Struts2入门与配置
2009-04-09 08:21 877年前在上海静静等待回家的日子 ， 闲来无事，在好友李三年的 ... -
JavaMail
2009-04-03 09:00 695package com.tom; import org.ap ... -
在web.xml不认<taglib>解决办法:
2009-02-22 20:40 698在web.xml不认<taglib>解决办法: ... -
自己实现单点登录
2009-02-21 16:04 1022摘要：单点登录（SSO）的技术被越来越广泛地运用到各个领域的软 ... -
java多线程并发访问解决方案
2009-02-21 15:40 1406多线程并发访问解决方案 synchronized关键 ... -
JAVA字符串常用写法
2009-02-19 08:31 1449/** * Title: Java Bean 工 ...
相关推荐
NULL 博文链接：https://long316.iteye.com/blog/1393886
纯javascript增加删除表格行，新增，删除行
javascript动态操作表格 1.添加表格 2.删除表格 3.选种表格 4.支持IE6.0和Firefox浏览器
JavaScript动态操作表格，添加，删除行、列及单元格! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
用JavaScript制作的动态表格，有添加、删除、全选、全不选，有对动态新增的域校验问题，有对新增的域设置readonly问题，还有对新增域中的span进行隐藏问题都有解决，还有对动态表格的讲解PPT一份。
javascript实现动态增加删除表格行(兼容IE FF).docx
NULL 博文链接：https://1148130696.iteye.com/blog/1726191
javascript动态增加、删除、填充表格内容 unction numberCells() { var count=0; for (i=0; i ; i++) { for (j=0; j (i).cells.length; j++) { document.all.mytable.rows(i).cells(j)....
几种经典的jQuery动态增加删除表格的实例,还有一种传统javascript控制的表格增加删除的实例，这是总结了网络上比较好的几个版本提炼出来的。
这是一个动态生成表格的 HTML 页面，使用了 JavaScript 动态生成表格内容。这个表格显示了一组学生的成绩信息，包括姓名、科目和得分，并提供了删除操作。 在页面中，先声明了一个 table 元素，并设置了 id 为 ...
静态实现javascript，实现表格的增加和删除等功能，值得初学者学习
使用javascript实现table动态增加删除行列。
又一个动态控制表格的效果，用JavaScript动态生成表格行、表格列，以及还可动态删除这些行列，行等，运行代码后，点击对应的功能按钮，即可实现对应的表格操作功能。 1.jsp 产品名称 编号 数量 重量 操作 ...
本文实例为大家分享了javascript实现动态生成表格/删除行的具体代码，供大家参考，具体内容如下 动态生成一个带删除行功能的表格： 实现思路 1、获取表格元素 2、获取要填充的数据，一般是从数据库取数据，也...
JS自动添加，删除表格总结，及window窗体居中。内含源代码！！！！
js,javascript
插入删除表格，用javascript实现，动态增加行和删除行，很简单。
js实现添加删除表格操作 本文实例为大家分享了js实现添加删除表格的具体代码，供大家参考，具体内容如下 效果: 1、点击添加按钮 往table中添加一行 将全选前面的复选框变成false 1.1.当前新增的复选框加上点击...