We're looking for a person or people to help audit MDN to find places we could speed up. Is this you or someone you know? Check out the RFP: https://mzl.la/2IHcMiE


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.


var target = IntersectionObserverEntry.target;


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(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.


Specification Status Comment
Intersection Observer
The definition of 'IntersectionObserverEntry.target' in that specification.
Working Draft Initial definition

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support5115


53 — 551

No ? ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support5151 Yes ? ? ? ?

1. From version 53 until version 55 (exclusive): this feature is behind the dom.IntersectionObserver.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.

Document Tags and Contributors

 Contributors to this page: fscholz, Sheppy
 Last updated by: fscholz,