PerformanceElementTiming: element 屬性

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

實驗性: 這是一項實驗性技術
在生產中使用此技術之前,請仔細檢查瀏覽器相容性表格

elementPerformanceElementTiming 介面的一個只讀屬性,它返回一個 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

瀏覽器相容性