PerformanceElementTiming.id
Limited availability
Cette fonctionnalité n'est pas Compatible car elle ne fonctionne pas dans certains des navigateurs les plus utilisés.
Expérimental: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.
Non standard: Cette fonctionnalité n'est pas standardisée. Nous déconseillons d'utiliser des fonctionnalités non standard en production, car leur prise en charge par les navigateurs est limitée, et elles peuvent être modifiées ou supprimées. Toutefois, elles peuvent constituer une alternative appropriée dans certains cas où aucune option standard n'existe.
La propriété en lecture seule id de l'interface PerformanceElementTiming renvoie l'id de l'élément associé.
Syntaxe
var id = PerformanceElementTiming.id;
Valeur
Une chaîne de caractères DOMString.
Exemples
Dans cet exemple, l'appel à entry.id entraînera l'affichage dans la console du code myImage, qui est l'id de l'élément image.
<img
src="image.jpg"
alt="une belle image"
elementtiming="big-image"
id="myImage" />
const observer = new PerformanceObserver((list) => {
let entries = list.getEntries().forEach(function (entry) {
if (entry.identifier === "big-image") {
console.log(entry.id);
}
});
});
observer.observe({ entryTypes: ["element"] });
Note :
Cet exemple utilise l'interface PerformanceObserver pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément entryType element afin d'utiliser l'interface PerformanceElementTiming.
Spécifications
| Specification |
|---|
| Element Timing API> # dom-performanceelementtiming-id> |
Compatibilité des navigateurs
Chargement…