PerformanceElementTiming.element
The element
read-only property of the PerformanceElementTiming
interface returns an Element
which is a literal representation of the associated element.
Syntax
var 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