PerformanceElementTiming: id-Eigenschaft

Die schreibgeschützte id-Eigenschaft der PerformanceElementTiming-Schnittstelle gibt die id des zugehörigen Elements zurück.

Wert

Ein String.

Beispiele

Verwendung von id

In diesem Beispiel wird ein <img>-Element beobachtet, indem das elementtiming-Attribut hinzugefügt wird. Ein PerformanceObserver wird registriert, um alle Leistungsdateneinträge des Typs "element" zu erhalten, und das buffered-Flag wird verwendet, um auf Daten von vor der Erstellung des Observers zuzugreifen. Es wird myImage in die Konsole protokollieren, was der id des Bild-Elements entspricht.

<img
 src="image.jpg"
 alt="a nice image"
 elementtiming="big-image"
 id="myImage" />

const observer = new PerformanceObserver((list) => {
 list.getEntries().forEach((entry) => {
 if (entry.identifier === "big-image") {
 console.log(entry.id);
 }
 });
});
observer.observe({ type: "element", buffered: true });

Spezifikationen

Browser-Kompatibilität