javascript动态添加单元格的脚本代码
发布时间：2023-09-02 05:21:26
标签：javascript,动态添加,单元格
如何动态添加单元格!!
用insertRow()和insertCell()方法
其用法如下:
insertRow()
var newTR=TableOBJ.insertRow(N);
其中N表示插入到第几行!
说明:当N=0时,插入到最上面一行!当N=-1时插入到最后一行,相当省略该参数!
insertCell()
var newTD=TrOBJ.insertCell(N);
其中N表示插入到第几列!
说明:当N=0时,插入到最上面一行!当N=-1时插入到最后一行,相当省略该参数!
下面为一实例代码:
<script language="JavaScript">
var Count=false,NO=1;
function addRow(){
Count=!Count;
//添加一行
var newTr = testTbl.insertRow();
//添加三列
var newTd0 = newTr.insertCell();
var newTd1 = newTr.insertCell();
var newTd2 = newTr.insertCell();
//设置列内容和属性
if(Count){newTr.style.background="#FFE1FF";}
else {newTr.style.background="#FFEFD5";}
newTd0.innerHTML = '<input type=checkbox id="box4">';
NO++
newTd1.innerText="第"+ NO+"行";
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>蓝光-BlueShine</title> <script language="JavaScript"> var Count=false,NO=1; function addRow(){ Count=!Count; //添加一行 var newTr = testTbl.insertRow(); //添加两列 var newTd0 = newTr.insertCell(); var newTd1 = newTr.insertCell(); var newTd2 = newTr.insertCell(); //设置列内容和属性 if(Count){newTr.style.background="#FFE1FF";} else {newTr.style.background="#FFEFD5";} newTd0.innerHTML = '<input type=checkbox id="box4">'; NO++ newTd1.innerText="第"+ NO+"行"; } </script> </head> <body> <table width="399" border=0 cellspacing="1" id="testTbl" style="font-size:14px;" > <tr bgcolor="#FFEFD5"> <td width=6％><input type=checkbox id="box1"></td> <td >第1行</td> <td > </td> </tr> </table> <label> <input type="button" value="插入行" onclick="addRow()" /> </label> </body> </html>
0
投稿猜你喜欢
- Pandas库中有iloc和loc以及ix可以用来索引数据，抽取数据。但是方法一多也容易造成混淆。下面将一一来结合代码说清其中的区别。1.
1. 在Python中使用中文在Python中有两种默认的字符串：str和- 如下所示：# ### 多项分支'''<br>if 条件表达式1: code1
- 看那个自由落体div有感。这个没落体，画个圆。(ie only)<html><head><style>v
- 首先说明下范围用Javascript来开发WEB页面的动画效果该思路同时考虑页面效率、SEO，如果数据大，也可以缓解后端压力。这个是程序设计
- 数据库镜像方案有两种镜像运行模式。一种是“高安全性模式”，它支持同步操作。在高安全性模式下，当会话开
- 如何在本地机器上创建缓存？用法到是很简单，只需先创建Stream对象的实例，然后开始写入数据即可： Dim str&n
- /* author: nick date: 2009.05.17 功能：生成SeletTree 属性: $result 结果集 $id_fi
- 1.安装pymysql进入cmd，输入 pip install pymysql: 2.数据库建表在数据库中，建立一个简单的表，如图： 3.简
- 前言你是否曾经想将某张照片中的人物抠出来，然后拼接到其他图片上去，从而可以即使你在天涯海角，我也可以到此一游？专业点的人使用 PhotoSh
- 名片管理系统有两个模块组成：cards_main.py 和 cards_tools.py一个是主程序，另一个是封装增删改查函数的被调用程序代
- 搞了一上午，头都大了！最终解决问题。其实这问题老早就遇上了，但是比较懒，三下两下没整好便推开了搜索了一下，产生< msxml3.dll
- 前言：在生活中工作中，我们经常使用Excel用于储存数据，Tableau等BI程序处理数据并进行可视化。我们也经常使用R、Python编程进
- 前言在python基础知识中有说过，字典是可变的数据类型，其参数又是键对值。setdefault()方法和字典的get()方法在一些地方比较
- 在asp.net 2.0中，很多情况下，使用gridview控件的话，甚至只需要拖拉控件，设置属性就可
- 主题介绍pyecharts里面有很多的主题可以供我们选择，我们可以根据自己的需要完成主题的配置，这样就告别了软件的限制，可以随意的发挥自己的
- Tangram官方网站。http://tangram.baidu.com/tangram/围观社区：简易社区，直接使用tieba。反馈的信息
- 1 MySQL的autocommit设置MySQL默认是开启自动提交的，即每一条DML（增删改）语句都会被作为一个单独的事务进行隐式提交。如
- 一般来说，一个真正的、完整的站点是离不开数据库的，因为实际应用中，需要保存的数据很多，而且这些数据之间往往还有关联，利用数据库来管理这些数据
- 1. APScheduler简介APscheduler全称Advanced Python Scheduler作用为在指定的时间规则执行指定的
