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 | Status | Comment |
---|---|---|
Intersection Observer The definition of 'IntersectionObserverEntry.target' in that specification. |
Working Draft | Initial definition |
Browser compatibility
BCD tables only load in the browser
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.