解惑

解己之惑,解人之惑

标签:innerHTML

动态增减表格的行

我们产品中有一个动态添加内容的组件,但是实现方式比较差,是把全部的行都输出,一共输出50行,删除的行不能重用,也就是页面上只能一共增减50次,这样的功能其实应该是使用Javascript动态增减,上次我试验了一下,发现在IE下不行,我是保存一行的空白内容,然后对table使用insertRow,再设置innerHTML,结果IE总是报运行时异常,在FF下没有问题,搜索了下,发现是IE的限制。解决方法只能是使用标准的DOM方式一个TD一个TD的加,对TD可以设置innerHTML。

推荐一个AJAX相关的JS库:setInnerHTML

>跨浏览器的设置innerHTML方法

这个JS库是无意中发现的,而且刚好我们的产品要引入AJAX,但是我们又不能使用纯粹的AJAX方案,因为我们的产品已经开发了很长时间了,服务器端返回的是HTML,要专门为引入的AJAX返回特殊的内容工作量比较大,但是由于返回的HTML比较复杂,还可能包含了JS文件的引用以及JS代码,所以在IE下或者FF下总是有这样那样的问题,这个JS库的引入很好的解决了我们面临的问题,推荐在已有B/S产品或者项目中引入AJAX特性的项目使用这个解决方案。

© 2024 解惑

本主题由Anders Noren提供向上 ↑