web前端|html教程
动态添加修改删除html表格内容
web前端-html教程
齐齐哈尔麻将源码,ubuntu取消dhcp,在win中安装tomcat,爬虫怎么安装,layer php,六安网络推广渠道seo优化lzw
1.需求
需要实现收银台上添加修改删除商品信息时顾显可以实时看到其变化
2.解决
收银台和顾显通过tcp传输进行数据通信,顾显通过操作html中的表格进行数据添加修改和删除操作
3.代码
mytest.html
dynamic_table.js
onerror=handleErrvar txt=""function handleErr(msg,url,l) { txt="本页中存在错误。\n\n" txt+="错误:" + msg + "\n" txt+="URL: " + url + "\n" txt+="行:" + l + "\n\n" txt+="点击“确定”继续。\n\n" alert(txt) return true}function addRow(name, color, size, unit, discount, count, sum) { var bodyObj=document.getElementById("goods"); if(bodyObj==null){ alert("Body of Table not Exist!"); return; } var rowCount = bodyObj.rows.length; //var cellCount = myarray.length; var newRow = bodyObj.insertRow(rowCount++); newRow.insertCell(0).innerHTML=name; newRow.insertCell(1).innerHTML=color; newRow.insertCell(2).innerHTML=size; newRow.insertCell(3).innerHTML=unit; newRow.insertCell(4).innerHTML=discount; newRow.insertCell(5).innerHTML=count; newRow.insertCell(6).innerHTML=sum;}function removeRow(tbodyID, row) { var bodyObj=document.getElementById(tbodyID); if(bodyObj==null){ alert("Body of Table not Exist!"); return; } var nrow = Number(row); if (nrow <= bodyObj.rows.length) bodyObj.deleteRow(nrow); else alert("nrow is less.");}function modifyRow(tbodyID, row, col, newvalue) { var nrow = Number(row); var ncol = Number(col); var bodyObj=document.getElementById(tbodyID); if(bodyObj==null){ alert("Body of Table not Exist!"); return; } try { //var tableObj = bodyObj.parentNode; if (nrow < bodyObj.rows.length && ncol < bodyObj.getElementsByTagName( r)[nrow].getElementsByTagName( d).length) { //这个在ie下可以 在google下不行 //bodyObj.rows(nrow).cells(ncol).innerHTML = newvalue; //bodyObj.rows[nrow].childNodes[ncol].innerHTML = newvalue; //这个在ie和google下都可以 document.getElementById(tbodyID).getElementsByTagName( r)[nrow].getElementsByTagName( d)[ncol].innerHTML = newvalue; } else alert("empty."); } catch (err) { alert(err.description); }}function clearRows(tbodyID) { var bodyObj=document.getElementById(tbodyID); if(bodyObj==null){ alert("Body of Table not Exist!"); return; } for (var i = 0; i < bodyObj.rows.length; ) bodyObj.deleteRow(i);}
在win7 ie10和google 下运行正常
4.备注
1.最好不使用windows自带的记事本,会存在编码问题,推荐使用notepad++,编码为utf8 无bom
2.部分js函数会存在ie下可用,google下不可用,这个代码是通用的
分销asp源码下载,ubuntu挂载共享目录,tomcat并发连接接数,爬虫怎么替换,php html 编辑,seo黑帽技术有哪些关键词lzw
版权声明:本文为博主原创文章,未经博主允许。
米粒源码,vscode画线框,ubuntu电池使用记录,tomcat报错web,sqlite多库连接,淘宝客助手插件,前端开发语言和框架,爬虫爬梗,php 输出 数组,光年seo日志,游戏版本销售网站源码,手机如何网页认证系统源码,织梦简约大气模板免费下载,wordpress页面展示插件,java swt 学生成绩管理系统源码,html5高级程序设计》lzw