谨慎使用 innerHTML

        遇到一个有意思的问题, HTML中有一个表单, 而表单中的需要填写的元素是通过一个按钮来动态添加的, 这些需要填写的内容id通过Javascript设置为day1, day2, day3等等...都放在dayList这个div中.

        原先的方法比较暴力, 但速度非常快, 就是构造一个新的html, 然后直接添加到dayList的innerHTML后面. 但问题是, 比如当我填写了第一天中的数据, 再点击"添加一天行程", 这时第一天的数据就会消失! 也就是说这些text和textarea的value值全都清空了.

        后来没辙, 只好使用 document.createElement("div"), 然后将构造好的html填充到这个div中, 最后用appendChild 方法将这个新构造的div添加到 dayList 的子节点中去.

posted @ 2012-02-03 02:07  Create Chen  阅读(1331)  评论(3编辑  收藏  举报