IntersectionObserverEntry：target 属性

基线 广泛可用

此功能非常成熟，可在许多设备和浏览器版本上运行。它已在所有浏览器中可用，自 2019 年 3 月.

该 IntersectionObserverEntry 接口的只读 target 属性指示哪个目标 Element 改变了与交集根的交集量。

价值

IntersectionObserverEntry 的 target 属性指定哪个 Element 以前通过调用 IntersectionObserver.observe() 目标，经历了与根的交集变化。

例子

在这个简单的例子中，每个目标元素的 opacity 设置为其 intersectionRatio。

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

要查看更具体的示例，请查看 处理交集更改。

规格

规范
Intersection Observer
# dom-intersectionobserverentry-target

浏览器兼容性

BCD 表格仅在浏览器中加载