blob: b75eebe995c183817a23ee99618876ec41ec61ab (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
---
title: PerformanceElementTiming.identifier
slug: Web/API/PerformanceElementTiming/identifier
tags:
- API
- Property
- Propriété
- Reference
- identifier
- PerformanceElementTiming
translation_of: Web/API/PerformanceElementTiming/identifier
---
{{SeeCompatTable}}{{Non-Standard_Header}}{{APIRef("Element Timing API")}}
La propriété en lecture seule **`identifier`** de l'interface [`PerformanceElementTiming`](/fr/docs/Web/API/PerformanceElementTiming) renvoie la valeur de l'attribut [`elementtiming`](/fr/docs/Web/HTML/Attributes/elementtiming) sur l'élément.
## Syntaxe
```js
var identifier = PerformanceElementTiming.identifier;
```
### Valeur
Une chaîne de caractères [`DOMString`](/fr/docs/Web/API/DOMString).
## Examples
Dans cet exemple, la valeur de [`elementtiming`](/fr/docs/Web/HTML/Attributes/elementtiming) est `big-image`. L'appel à `entry.indentifier` renvoie donc la chaîne de caractères `big-image`.
```html
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
```
```js
const observer = new PerformanceObserver((list) => {
let entries = list.getEntries().forEach(function (entry) {
if (entry.identifier === "big-image") {
console.log(entry.naturalWidth);
}
});
});
observer.observe({ entryTypes: ["element"] });
```
> **Note :** Cet exemple utilise l'interface [`PerformanceObserver`](/fr/docs/Web/API/PerformanceObserver) pour créer une liste d'événements de mesure des performances. Dans notre cas, nous observons l'élément [`entryType`](/fr/docs/Web/API/PerformanceEntry/entryType) `element` afin d'utiliser l'interface `PerformanceElementTiming`.
## Spécifications
| Spécification | Statut | Commentaire |
| -------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- | -------------------- |
| {{SpecName('Element Timing API','#dom-performanceelementtiming-identifier','PerformanceElementTiming.identifier')}} | {{Spec2('Element Timing API')}} | Définition initiale. |
## Compatibilité des navigateurs
{{Compat("api.PerformanceElementTiming.identifier")}}
|
