Sam Thorogood has been looking into all kinds of changes that can happen to DOM Nodes:
This post will explain how to be notified when:
- an element is added or removed from the DOM
- the bounding box of an element changes (i.e., resizes)
- an element moves around the page for any reason
Expect some ResizeObserver
, IntersectionObserver
, and MutationObserver
sprinkled all over the post.
Observing rendered DOM nodes →
Related: On Twitter Denis Radin chimed in with his StyleObserver.js to track style changes.