PerformanceElementTiming: element 属性
element 是 PerformanceElementTiming 接口的一个只读属性,它返回一个 Element 对象,该对象是指向被观察元素的指针。
值
返回一个 Element 对象,如果该元素是 Shadow DOM 元素,则返回 null。
示例
记录被观察的元素
在此示例中,通过添加 elementtiming 属性来观察一个 <img> 元素。注册一个 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 });
规范
| 规范 |
|---|
| Element Timing API # dom-performanceelementtiming-element |
浏览器兼容性
加载中…