PerformanceElementTiming: id property
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The id
read-only property of the PerformanceElementTiming
interface returns the id
of the associated element.
Value
A string.
Examples
Using id
In this example an <img>
element is being observed by adding the elementtiming
attribute. A PerformanceObserver
is registered to get all performance entries of type "element"
and the buffered
flag is used to access data from before observer creation. It will log myImage
to the console, this being the id
of the image element.
html
<img
src="image.jpg"
alt="a nice image"
elementtiming="big-image"
id="myImage" />
js
const observer = new PerformanceObserver((list) => {
list.getEntries().forEach((entry) => {
if (entry.identifier === "big-image") {
console.log(entry.id);
}
});
});
observer.observe({ type: "element", buffered: true });
Specifications
Specification |
---|
Element Timing API # ref-for-dom-performanceelementtiming-id |
Browser compatibility
BCD tables only load in the browser