Use innerHTML to take out a piece of content and then innerHTML it back, then the original dynamically bound events will be lost, such as:
html:
script:
document.getElementById('d1').onclick =function(){alert(1)};
var html=document.body.innerHTML;
document.body.innerHTML=html;
After executing this code, click d1 There was no response.
Solution:
Bind onclick to the parent element, use the bubble principle to determine whether the current element is d1, and if it is d1, execute
document.body.onclick=function(e){
var e=e||event;
var current=e.target||e.srcElement
if(current.id=='d1'){alert(1)}
}
This is also a fold The method will definitely affect the efficiency.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
