Exemple d'attributs

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 --- files/fr/web/api/element/attributes/index.md | 137 +++++++++++---------------- 1 file changed, 56 insertions(+), 81 deletions(-) (limited to 'files/fr/web/api/element/attributes/index.md') diff --git a/files/fr/web/api/element/attributes/index.md b/files/fr/web/api/element/attributes/index.md index 14c104bcfa..bca756ce34 100644 --- a/files/fr/web/api/element/attributes/index.md +++ b/files/fr/web/api/element/attributes/index.md @@ -9,108 +9,83 @@ tags: - Reference translation_of: Web/API/Element/attributes --- -

+{{ APIRef("DOM") }} -

La propriété Element.attributes renvoie une collection des noeuds d'attribut enregistrés dans le noeud spécifié. Il est une {{domxref("NamedNodeMap")}}, pas un tableau (Array), aussi il n'a pas de méthodes {{jsxref("Array")}} et l'index de noeud {{domxref("Attr")}} peuvent différer entre les navigateurs. Pour être plus précis, les attributs sont une paire clé / valeur de chaînes représentant toutes les informations concernant cet attribut.

+La propriété **`Element.attributes`** renvoie une collection des noeuds d'attribut enregistrés dans le noeud spécifié. Il est une {{domxref("NamedNodeMap")}}, pas un tableau (_Array_), aussi il n'a pas de méthodes {{jsxref("Array")}} et l'index de noeud {{domxref("Attr")}} peuvent différer entre les navigateurs. Pour être plus précis, les `attributs` sont une paire clé / valeur de chaînes représentant toutes les informations concernant cet attribut. -

Syntaxe

+## Syntaxe -

var attr = element.attributes;
-

+ var attr = element.attributes; -

Exemple

+## Exemple -

Exemples basiques

+### Exemples basiques -

// récupère le premier élément <p> du document
-var para = document.getElementsByTagName("p")[0];
-var attr = para.attributes;
-

+ // récupère le premier élément

du document + var para = document.getElementsByTagName("p")[0]; + var attr = para.attributes; -

Énumération des attributs d'éléments

+### Énumération des attributs d'éléments -

L'indexation numérique est utile pour parcourir tous les attributs d'un élément.
- L'exemple suivant parcourt les nœuds d'attribut de l'élément du document avec l'ID "paragraph" et imprime la valeur de chaque attribut.

+L'indexation numérique est utile pour parcourir tous les attributs d'un élément. +L'exemple suivant parcourt les nœuds d'attribut de l'élément du document avec l'ID "paragraph" et imprime la valeur de chaque attribut. -

<!DOCTYPE html>
+```html
+
 
-<html>
+
 
- <head>
-  <title>Exemple d'attributs</title>
-  <script type="text/javascript">
+ 
+  Exemple d'attributs
+  
+ 
+
+
+ Sample Paragraph
+ 
+  
+    
+    
+  
+ 
+
+
+```
+
+
+
+## Spécifications
+
+| Spécification                                                                                        | Status                           | Comment                                                                                                 |
+| ---------------------------------------------------------------------------------------------------- | -------------------------------- | ------------------------------------------------------------------------------------------------------- |
+| {{SpecName('DOM WHATWG', '#dom-element-attributes', 'Element.attributes')}} | {{Spec2('DOM WHATWG')}} | De {{SpecName('DOM3 Core')}}, déplacé de {{domxref("Node")}} à {{domxref("Element")}} |
+| {{SpecName('DOM3 Core', 'core.html#ID-84CF096', 'Element.attributes')}}     | {{Spec2('DOM3 Core')}}     | Pas de changement de {{SpecName('DOM2 Core')}}                                                   |
+| {{SpecName('DOM2 Core', 'core.html#ID-84CF096', 'Element.attributes')}}     | {{Spec2('DOM2 Core')}}     | Pas de changement de {{SpecName('DOM1')}}                                                       |
+| {{SpecName('DOM1', 'level-one-core.html#ID-84CF096', 'Element.attributes')}} | {{Spec2('DOM1')}}         | Définition initiale.                                                                                    |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.Element.attributes")}}
+
+## Voir aussi
+
+- {{domxref("NamedNodeMap")}}, l'interface de l'objet retourné
+- Considérations de compatibilité entre navigateurs : sur [quirksmode](http://www.quirksmode.org/dom/w3c_core.html#attributes) (en)
-- 
cgit v1.2.3-54-g00ecf