PerformanceElementTiming: element Eigenschaft

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig, bevor Sie diese produktiv verwenden.

Die element-Eigenschaft nur lesbar der PerformanceElementTiming-Schnittstelle gibt ein Element zurück, das ein Zeiger auf das beobachtete Element ist.

Wert

Ein Element, oder null, wenn das Element ein shadow DOM-Element ist.

Beispiele

Protokollieren des beobachteten Elements

In diesem Beispiel wird ein <img>-Element durch Hinzufügen des elementtiming-Attributs beobachtet. Ein PerformanceObserver wird registriert, um alle Performance-Einträge vom Typ "element" zu erhalten. Das buffered-Flag wird verwendet, um auf Daten zuzugreifen, die vor der Beobachtererstellung vorhanden sind. Das beobachtete DOM-Element wird in die Konsole protokolliert.

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 });

Spezifikationen

Specification
Element Timing API
# ref-for-dom-performanceelementtiming-element

Browser-Kompatibilität

BCD tables only load in the browser