简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

JS动态增删表格行的方法

来源:易贤网   阅读:1024 次  日期:2016-08-02 16:09:51

温馨提示:易贤网小编为您整理了“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程序设计有所帮助。

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:初步使用Node连接Mysql数据库
下一篇:微信jssdk在iframe页面失效问题的解决措施
易贤网手机网站地址:JS动态增删表格行的方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!