From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- .../web/api/performanceelementtiming/id/index.md | 58 ++++++++++------------ 1 file changed, 25 insertions(+), 33 deletions(-) (limited to 'files/fr/web/api/performanceelementtiming/id') diff --git a/files/fr/web/api/performanceelementtiming/id/index.md b/files/fr/web/api/performanceelementtiming/id/index.md index f3083cd256..f178f4ea8f 100644 --- a/files/fr/web/api/performanceelementtiming/id/index.md +++ b/files/fr/web/api/performanceelementtiming/id/index.md @@ -10,55 +10,47 @@ tags: - PerformanceElementTiming translation_of: Web/API/PerformanceElementTiming/id --- -
{{SeeCompatTable}}{{Non-Standard_Header}}{{APIRef("Element Timing API")}}
+{{SeeCompatTable}}{{Non-Standard_Header}}{{APIRef("Element Timing API")}} -

La propriété en lecture seule id de l'interface PerformanceElementTiming renvoie l'id de l'élément associé.

+La propriété en lecture seule **`id`** de l'interface [`PerformanceElementTiming`](/fr/docs/Web/API/PerformanceElementTiming) renvoie l'[`id`](/fr/docs/Web/HTML/Global_attributes#attr-id) de l'élément associé. -

Syntaxe

+## Syntaxe -
var id = PerformanceElementTiming.id;
+```js +var id = PerformanceElementTiming.id; +``` -

Valeur

-

Une chaîne de caractères DOMString.

+### Valeur -

Exemples

+Une chaîne de caractères [`DOMString`](/fr/docs/Web/API/DOMString). -

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.

+## Exemples -
<img src="image.jpg" alt="une belle image" elementtiming="big-image" id="myImage">
+Dans cet exemple, l'appel à `entry.id` entraînera l'affichage dans la console du code `myImage`, qui est l'[`id`](/fr/docs/Web/HTML/Global_attributes#attr-id) de l'élément image. -
const observer = new PerformanceObserver((list) => {
+```html
+une belle image
+```
+
+```js
+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"] });
+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.

-
+> **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écifications - - - - - - - - - - - - - - - -
SpécificationStatutCommentaire
{{SpecName('Element Timing API','#dom-performanceelementtiming-id','PerformanceElementTiming.id')}}{{Spec2('Element Timing API')}}Définition initiale.
+| Spécification | Statut | Commentaire | +| ------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------- | -------------------- | +| {{SpecName('Element Timing API','#dom-performanceelementtiming-id','PerformanceElementTiming.id')}} | {{Spec2('Element Timing API')}} | Définition initiale. | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("api.PerformanceElementTiming.id")}}

+{{Compat("api.PerformanceElementTiming.id")}} -- cgit v1.2.3-54-g00ecf