The element read-only property of the PerformanceElementTiming interface returns an Element which is a literal representation of the associated element.
PerformanceElementTiming.element
Value
An Element.
Examples
In this example calling entry.element will log to the console <img src="image.jpg" alt="a nice image" elementtiming="big-image">.
<img src="image.jpg" alt="a nice image" elementtiming="big-image">
const observer = new PerformanceObserver((list) => { let entries = list.getEntries().forEach(function (entry) { if (entry.identifier === "big-image") { console.log(entry.element); } }); }); observer.observe({ entryTypes: ["element"] });
Note: This example uses the PerformanceObserver interface to create a list of performance measurement events. In our case we observe the PerformanceEntry.entrytype element in order to use the PerformanceElementTiming interface.
Specifications
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
element |
77
|
79
|
No
|
No
|
64
|
No
|
77
|
77
|
No
|
55
|
No
|
12.0
|
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/PerformanceElementTiming/element
