用JavaScript对表格操作

对于表格,其对象就是table,一般而言<table id="t">,可以通过var t = document.getElementById("t")来得到此table对象。
table对象比较重要的是其rows集合,而每个row比较重要的是cell集合。可以通过inertRow和inertCell来新建行和单元格。

为了更好的操作表格。我封装了三个HTC,这三个HTC也可以把里面的js脚本拷贝出来用,也可以直接用HTC,每个操作都会抛出自定义的事件。这样用起来就很方便,比如里面的排序的sortrow1.11,就可以抛出sort事件,可以在表格中用onsort="fun()"来捕捉这个事件。
下面是演示:
选择表格的操作:selectrow1.1,可以抛出onselect事件
http://www.oceanstudio.net/oceanstudy/learn/htc/%E8%A1%A8%E6%A0%BC%E6%93%8D%E4%BD%9C/selectrow1.1/example.htm
编辑表格操作:editrow1.1,可以抛出onhide,onshow,ondelete事件
http://www.oceanstudio.net/oceanstudy/learn/htc/%E8%A1%A8%E6%A0%BC%E6%93%8D%E4%BD%9C/editrow1.1/editrow.htm
排序表格操作:sortrow1.11,可以抛出onsort事件
http://www.oceanstudio.net/oceanstudy/learn/htc/%E8%A1%A8%E6%A0%BC%E6%93%8D%E4%BD%9C/sortrow1.11/example.htm

同时可以从http://sps.oceanstudio.net 上下载这些压缩包,每个压缩包中有相应的例子和说明。

对于非IE问题,htc在IE5以上可以支持,另外在firefox上也可以支持。

不过从本月2日开始到昨天8号,网站总共点击次数已经5000多次,从网站利用率分析上来看,95%的人使用IE6,一部分人使用IE5,还有很少部分人使用other。我想在网站运行一个月后出一份报告。这个报告或许可以反映技术人员使用浏览器的一些行为。对于非技术人员应该使用IE的比率还会高很多。


posted on 2004-12-09 11:11  ocean  阅读(5602)  评论(1编辑  收藏  举报

导航