IntersectionObserverEntry: target property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2019.

The IntersectionObserverEntry interface's read-only target property indicates which targeted Element has changed its amount of intersection with the intersection root.


The IntersectionObserverEntry's target property specifies which Element previously targeted by calling IntersectionObserver.observe() experienced a change in intersection with the root.


In this simple example, each targeted element's opacity is set to its intersectionRatio.

function intersectionCallback(entries) {
  entries.forEach((entry) => { = entry.intersectionRatio;

To see a more concrete example, take a look at Handling intersection changes.


Intersection Observer
# dom-intersectionobserverentry-target

Browser compatibility

BCD tables only load in the browser