当前位置: 首页 > 编程笔记 >

JS动态增删表格行的方法

堵恺
2023-03-14
本文向大家介绍JS动态增删表格行的方法,包括了JS动态增删表格行的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了JS动态增删表格行的方法。分享给大家供大家参考,具体如下:

function insertRow(tableName,className,bgcolor, cellContentArray){
 var t = document.getElementByIdx(tableName); //取得table表
 var tr = t.insertRow();  //插入一行
 tr.className=className;  //设置行的css
 tr.bgcolor=bgcolor;   //设置行的背景颜色
 for( var i=0;i<cellContentArray.length;i++){
 var td = tr.insertCell(); //插入一列
 td.innerHTML=cellContentArray[i]; //设置列内容
 }
}
function deleteRow(tableName,btn){
 var t = document.getElementByIdx(tableName); //取得table表
 var tr = btn.parentNode.parentNode; //取得对应的行
 t.deleteRow(tr.rowIndex);
}

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

 类似资料:
  • 本文向大家介绍jquery动态增加删减表格行特效,包括了jquery动态增加删减表格行特效的使用技巧和注意事项,需要的朋友参考一下 基于jQuery表格增加删除代码是一款动态增加删减表格行特效代码。分享给大家供大家参考。具体如下: 运行效果截图如下: 具体代码如下: html代码: js代码: 希望本文所述对大家学习javascript成程序设计有所帮助。

  • 本文向大家介绍原生JS和JQuery动态添加、删除表格行的方法,包括了原生JS和JQuery动态添加、删除表格行的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了原生JS和JQuery动态添加、删除表格行的方法。分享给大家供大家参考。具体分析如下: 下面HTML代码作用:提交一个表单,将复选框的值提交(复选框的值等于后面的文本框,复选框和文本框处在同一行,可以动态添加和删除)。 原生态

  • 本文向大家介绍JS实现从表格中动态删除指定行的方法,包括了JS实现从表格中动态删除指定行的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现从表格中动态删除指定行的方法。分享给大家供大家参考。具体如下: JS的表格对象有一个deleteRow方法用于删除表格中的指定行,只需要指定行号即可 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍JS实现简单的表格增删,包括了JS实现简单的表格增删的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了JS实现表格增删的具体代码,供大家参考,具体内容如下 描述: JS——实现简单的表格增删。 效果: 实现: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍JQuery动态添加和删除表格行的方法,包括了JQuery动态添加和删除表格行的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JQuery动态添加和删除表格行的方法。分享给大家供大家参考。具体分析如下: 昨天做页面表格行动态添加和删除,看了无数的介绍,发现了一个好东东,JQuery。用它实现起来还真的是很方便,这个是我用到我们平台的一个方法。 后台使用的也是比较容易的,

  • 本文向大家介绍Javascript动态创建表格及删除行列的方法,包括了Javascript动态创建表格及删除行列的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Javascript动态创建表格及删除行列的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。