JavaScript在使用innerHTML向DOM元素中追加的问题

今天发现了一个小问题,在使用div.innerHTML+="内容"向父级div中追加元素的时候,会重绘整个父级div,导致父级div其他内容被修改到初始状态,例如父级div中原本有一个checkbox,初始状态为不选中,手动将其选中,并向div中使用inner HTML追加一个新的check Box时,初始的checkbox会被还原到未选中状态。但是使用appendChild时不会出现该情况。目前还没有找到解决方案,等找到再来修改。

更新:

找到解决办法了,如果需要添加固定格式的元素,可以创建一个外层div,使该层div.innerHTML=你需要添加的内容,然后使用appendChild添加div即可。

你可能感兴趣的:(前端,html5,javascript)