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

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

更新：

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