IntersectionObserverEntry.target

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.

La propriété en lecture seule target, rattachée à l'interface IntersectionObserverEntry indique l'élément ciblé pour lequel la proportion d'intersection avec la racine d'intersection a changé.

Valeur

La propriété target de IntersectionObserverEntry indique l'élément précédemment ciblé en appelant IntersectionObserver.observe() pour lequel un changement d'intersection avec la racine a eu lieu.

Exemples

Dans cet exemple simple, chaque élément ciblé voit son opacité paramétrée avec la valeur de intersectionRatio.

js
function intersectionCallback(entries) {
  entries.forEach((entry) => {
    entry.target.opacity = entry.intersectionRatio;
  });
}

Pour un exemple plus concret, voir Gérer les changements d'intersection.

Spécifications

Specification
Intersection Observer
# dom-intersectionobserverentry-target

Compatibilité des navigateurs

BCD tables only load in the browser