这篇文章主要介绍了 JS 动态增删表格行的方法, 涉及 JavaScript 针对表格元素动态操作相关技巧, 具有一定参考借鉴价值, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 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 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0216/266850.html