PerformanceElementTiming: id-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 id
-Schreibgeschützte Eigenschaft des PerformanceElementTiming
-Interfaces 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 Performance-Einträge vom Typ "element"
zu erhalten, und das buffered
-Flag wird verwendet, um auf Daten zuzugreifen, die vor der Erstellung des Observers vorhanden waren. Es wird myImage
in die Konsole ausgegeben, welches die id
des Bild-Elements ist.
<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
Specification |
---|
Element Timing API # ref-for-dom-performanceelementtiming-id |
Browser-Kompatibilität
BCD tables only load in the browser