javascript动态添加单元格的脚本代码

 更新时间:2007年11月24日 12:33:12   作者:  
如何动态添加单元格!!
复制代码 代码如下:

用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> 


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

相关文章

  • 基于 antd pro 的短信验证码登录功能(流程分析)

    基于 antd pro 的短信验证码登录功能(流程分析)

    这篇文章主要介绍了基于 antd pro 的短信验证码登录功能(流程分析),本文通过实例代码流程分析给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-05-05
  • JavaScript使用SpreadJS创建Excel查看器

    JavaScript使用SpreadJS创建Excel查看器

    在现代的Web应用开发中,Excel文件的处理和展示是一项常见的需求,小编今天将为大家展示如何借助SpreadJS来创建一个Excel查看器,感兴趣的小伙伴可以了解下
    2023-12-12
  • 快速实现JS图片懒加载(可视区域加载)示例代码

    快速实现JS图片懒加载(可视区域加载)示例代码

    目前很多网站,在图片加载时均采用了一种名为懒加载的方式,具体表现为,当页面被请求时,只加载可视区域的图片,其它部分的图片则不加载,只有这些图片出现在可视区域时才会动态加载这些图片,下面本文就介绍了JS图片懒加载(可视区域加载)的实现方法,一起来看看吧。
    2017-01-01
  • 图文详解JavaScript的原型对象及原型链

    图文详解JavaScript的原型对象及原型链

    许多人对JavaScript的原型及原型链仍感到困惑,网上的文章又大多长篇大论,令读者不明觉厉。下面小编将用最简洁明了的图文介绍JavaScript的原型及原型链。
    2016-08-08
  • three.js中物体的灯光与阴影设置

    three.js中物体的灯光与阴影设置

    本文主要介绍了three.js中物体的灯光与阴影设置,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-07-07
  • JavaScript中rxjs与 Observable 两大类操作符解析

    JavaScript中rxjs与 Observable 两大类操作符解析

    这篇文章主要介绍了JavaScript中rxjs与 Observable 两大类操作符解析,运算符是对 Observable 进行操作并返回 Observable 的函数,文章围绕主题展开详细内容,需要的小伙伴可以参考一下
    2022-07-07
  • JavaScript事件学习小结(五)js中事件类型之鼠标事件

    JavaScript事件学习小结(五)js中事件类型之鼠标事件

    这篇文章主要介绍了JavaScript事件学习小结(五)js中事件类型之鼠标事件的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • Javascript结合css实现网页换肤功能

    Javascript结合css实现网页换肤功能

    现在网站换皮肤是比较常见的功能,大多数论坛都有的,要想实现这样效果可以看如下代码.
    2009-11-11
  • JavaScript实现短信倒计时60s

    JavaScript实现短信倒计时60s

    本文给大家分享一段实例代码给大家详细介绍了JavaScript实现短信倒计时60s功能,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-10-10
  • JS事件流与事件处理程序实例分析

    JS事件流与事件处理程序实例分析

    这篇文章主要介绍了JS事件流与事件处理程序,结合实例形式分析了事件流与事件处理程序相关概念、原理、用法及操作注意事项,需要的朋友可以参考下
    2019-08-08

最新评论