IntersectionObserverEntry.target

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis mars 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é.

Dans cet article

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

Spécification

Intersection Observer
# dom-intersectionobserverentry-target

Compatibilité des navigateurs

Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.

Aider à améliorer MDN

Cette page vous a-t-elle été utile ?

Oui Non

Apprendre à contribuer

Cette page a été modifiée le 2 nov. 2025 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu

Intersection Observer API
IntersectionObserverEntry
Constructeur
1. IntersectionObserverEntry()
Propriétés d'instance
Pages liées à Intersection Observer API
1. IntersectionObserver
Guides
1. Timing element visibility with the Intersection Observer API