Forcing a DOM refresh in Internet explorer after javascript dom manipulation

by

Mozilla (maybe IE as well) will cache/delay executing changes to the DOM which affect display, so that it can calculate all the changes at once instead of repeatedly after each and every statement.

To force an update (to force an immediate, synchronous reflow or relayout), your javascript should read a property that’s affected by the change, e.g. the location of someSpan and otherSpan.

(This Mozilla implementation detail is mentioned in the video Faster HTML and CSS: Layout Engine Internals for Web Developers.)

More Related Contents:

  1. Can I load an entire HTML document into a document fragment in Internet Explorer?
  2. DOMNodeInserted equivalent in IE?
  3. “Access is denied” JavaScript error when trying to access the document object of a programmatically-created (IE-only)
  4. DOM refresh on long running function
  5. How to reference the caller object (“this”) using attachEvent
  6. Add a link stylesheet dynamically in the [closed]
  7. IE’s document.selection.createRange doesn’t include leading or trailing blank lines
  8. IE support for DOM importNode
  9. Images failing to load in IE with DOM: 7009 error (unable to decode) in console
  10. Find out how many tabs are opened in IE [closed]
  11. ‘innerText’ works in IE, but not in Firefox
  12. Remove all child elements of a DOM node in JavaScript
  13. Changing website favicon dynamically
  14. How to fix Array indexOf() in JavaScript for Internet Explorer browsers
  15. Dynamically set value of a file input [duplicate]
  16. Detect IE version (prior to v9) in JavaScript
  17. What is the difference between children and childNodes in JavaScript?
  18. Fixing JavaScript Array functions in Internet Explorer (indexOf, forEach, etc.) [closed]
  19. What is my script src URL?
  20. How to add/remove a class in JavaScript?
  21. Why is the loop assigning a reference of the last index element to? [duplicate]
  22. Could not complete the operation due to error 80020101. IE [duplicate]
  23. JavaScript: How to get parent element by selector?
  24. Convert String to XML Document in JavaScript
  25. Why doesn’t Node.js have a native DOM?
  26. Javascript Invalid Date Error in Internet Explorer
  27. JavaScript: get the current executing node? [duplicate]
  28. How do I find the DOM node that is at a given (X,Y) position? (Hit test)
  29. XMLHttpRequest: Network Error 0x80070005, Access is denied on Microsoft Edge (but not IE)
  30. Why is iframe.contentWindow == null?

Leave a Comment