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.

Syntax

var target = IntersectionObserverEntry.target;

Value

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

Example

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