动态添加修改删除html表格内容_html/css_WEB-ITnose
程序员文章站
2024-02-01 15:31:06
...
1.需求
需要实现收银台上添加修改删除商品信息时顾显可以实时看到其变化
2.解决
收银台和顾显通过tcp传输进行数据通信,顾显通过操作html中的表格进行数据添加修改和删除操作
3.代码
mytest.html
Dynamic Table
名称 | 颜色 | 尺寸 | 单价 | 折扣 | 数量 | 金额 |
---|---|---|---|---|---|---|
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在win7 ie10和google 下运行正常
4.备注
1.最好不使用windows自带的记事本,会存在编码问题,推荐使用notepad++,编码为utf8 无bom
2.部分js函数会存在ie下可用,google下不可用,这个代码是通用的
版权声明:本文为博主原创文章,未经博主允许不得转载。
上一篇: PHP程序员面试的几道笔试题(php与mysql部分)
下一篇: PHP自动读取类路径上的文件
推荐阅读
-
动态添加修改删除html表格内容_html/css_WEB-ITnose
-
html中如何动态添加表格的实例分析
-
html dom节点操作(获取/修改/添加或删除)_javascript技巧
-
[菜鸟发问]表格单元格的内容_html/css_WEB-ITnose
-
html表格内容居小记_html/css_WEB-ITnose
-
在网页中动态地给表格添加一行内容--HTML+CSS+JavaScript
-
怎么向dojo enhancedgrid表格里面添加图片_html/css_WEB-ITnose
-
上面的这个程序,在点击删除表格中的一行时,不能随意删除,不管点击哪个都是从上往下删除,请帮忙让他能够点击每行后的删除,删除该行~谢谢_html/css_WEB-ITnose
-
【工作笔记】- 动态Iframe内容页打印_html/css_WEB-ITnose
-
为什么我的表格内容显示不完全_html/css_WEB-ITnose