为什么按钮点击了一次之后，再次点击，页面内容不再增加，并且alert(1)也不会再弹出？
html<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> window.onload = function () { var oBtn = document.getElementById('btn'); oBtn.onclick = function () { for (var i=0; i<5; i++) { document.body.innerHTML += '<p>' + i + '</p>'; } alert(1); } } </script> </head> <body> <input type="button" value="按钮" id="btn"> </body> </html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
2
551
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
题主第一次点击button设置innerHTML，相当于清空了body，然后再加上button和一堆p。。这时候的button已经不再是页面加载完成时的那个button了。。
修改innerHTML会导致节点重新渲染，渲染后原来绑定了事件的节点就已经消失了。