Die schreibgeschützte Eigenschaft target der IntersectionObserverEntry-Schnittstelle gibt an, welches gezielte Element seine Intersektion mit der Intersektionswurzel verändert hat.

Wert

Die target-Eigenschaft des IntersectionObserverEntry spezifiziert, welches durch den Aufruf von IntersectionObserver.observe() zuvor gezielte Element eine Veränderung in der Intersektion mit der Wurzel erfahren hat.

Beispiele

In diesem einfachen Beispiel wird die opacity jedes gezielten Elements auf dessen intersectionRatio gesetzt.

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

Um ein konkreteres Beispiel zu sehen, werfen Sie einen Blick auf Umgang mit Intersektionsänderungen.

Spezifikationen

Browser-Kompatibilität