Manipulating innerHTML removes the event handler of a child element? [duplicate]

by

Yes, when you do:

document.body.innerHTML += '<br>';

You’re really doing:

document.body.innerHTML = (document.body.innerHTML + '<br>');

So you’re completely destroying and recreating all the content.

More Related Contents:

  1. How can I tell if a DOM element is visible in the current viewport?
  2. How to make JavaScript execute after page load?
  3. JavaScript, browsers, window close – send an AJAX request or run a script on window closing
  4. Appending HTML string to the DOM
  5. Firing event on DOM attribute change
  6. How to get a word under cursor using JavaScript?
  7. Event when window.location.href changes
  8. Why is the DOMSubtreeModified event deprecated in DOM level 3?
  9. How do I programmatically click on an element in JavaScript?
  10. Browser event when downloaded file is saved to disk
  11. Pass mouse events through absolutely-positioned element
  12. Using this inside an event handler
  13. How to know whether refresh button or browser back button is clicked in Firefox [duplicate]
  14. Detecting if a browser is in full screen mode
  15. ES6 Class: access to ‘this’ with ‘addEventListener’ applied on method [duplicate]
  16. Native JS equivalent to jQuery delegation
  17. Are event handlers in JavaScript called in order?
  18. HTML DOM: Which events do not bubble?
  19. Do I need to remove event listeners before removing elements?
  20. link element onload
  21. Is it possible to programmatically catch all events on the page in the browser?
  22. event.toElement in IE8 and Firefox?
  23. cloning javascript event object
  24. How can I know whether refresh button or browser back button is clicked in Firefox? [duplicate]
  25. Is it possible to catch browser’s File Open/Save dialog event using Javascript
  26. Getting the text from a drop-down box
  27. How browser executes Javascript and renders asynchronously
  28. In web browsers, what’s the difference between onblur and onfocusout?
  29. Replacement for deprecated `keypress` DOM event
  30. Manually dispatchEvent DOMContentLoaded

Leave a Comment