js动态添加div后，原页面的各按钮都不能正常执行了

Question

如下

var button1='<div style="position:fixed;background-color:pink;width: 50px;height: 50px; right:100px; bottom:100px;"></div>'

var bo = document.body;
bo.innerHTML += button1;

添加了一个div元素后，原页面的各按钮都不能正常执行了，怎么办

ps :搞懂了，用appendChild添加，然后要添加position:fixed才行
position:fixed;right:150px; bottom:100px

Answer 1

var bo = document.body;
bo.innerHTML += button1;

这样相当于body中的元素是新元素。之前绑定的事件丢失了。需要在之后重新获取元素绑定事件。
所以不要这么写。用createElement生成元素再bo.appendChild