IntersectionObserverEntry.target
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The IntersectionObserverEntry interface's
read-only target property indicates which targeted
Element has changed its amount of intersection with the intersection
root.
Value
The IntersectionObserverEntry's target property specifies
which Element previously targeted by calling
IntersectionObserver.observe() experienced a change in intersection with
the root.
Examples
In this simple example, each targeted element's opacity is set to its
intersectionRatio.
function intersectionCallback(entries) {
entries.forEach(function(entry) {
entry.target.opacity = entry.intersectionRatio;
});
}
To see a more concrete example, take a look at Handling intersection changes in Timing element visibility with the Intersection Observer API.
Specifications
| Specification |
|---|
| Intersection Observer # dom-intersectionobserverentry-target |
Browser compatibility
BCD tables only load in the browser