附加 document.body 的 innerHTML 后，Jquery 的日期选择器不起作用

Question

Example:

1) go to www.hotwire.com and confirm that the datepicker for check-in and check-out works

2) open up the console and type in document.body.innerHTML += ""

3) datepicker no longer works

I'm not sure why this is... if you create the element using document.create and append it using document.body.appendChild, the datepicker still works...

Answer 1

When you call el.innerHTML += "" , you are essentially doing el.innerHTML = "";el.innerHTML = thehtml , which causes all element data and events to be unbound. That's why plugins and javascript stops working.