PerformanceElementTiming:element 属性

实验性: 这是一个 实验性技术
在生产环境中使用之前,请仔细查看 浏览器兼容性表

elementPerformanceElementTiming 接口的只读属性,它返回一个 Element,该元素是指向被观察元素的指针。

一个 Element,如果元素是 Shadow DOM 元素,则为 null

示例

记录被观察的元素

在此示例中,一个 <img> 元素通过添加 elementtiming 属性来进行观察。注册一个 PerformanceObserver 来获取类型为 "element" 的所有性能条目,并使用 buffered 标志访问观察者创建之前的数据。将被观察的 DOM 元素记录到控制台。

html
<img src="image.jpg" alt="a nice image" elementtiming="big-image" />
js
const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    if (entry.identifier === "big-image") {
      console.log(entry.element);
    }
  });
});
observer.observe({ type: "element", buffered: true });

规范

规范
元素计时 API
# ref-for-dom-performanceelementtiming-element

浏览器兼容性

BCD 表仅在启用了 JavaScript 的浏览器中加载。