diff options
Diffstat (limited to 'files/fr/web/api/element/getattribute/index.md')
| -rw-r--r-- | files/fr/web/api/element/getattribute/index.md | 92 |
1 files changed, 47 insertions, 45 deletions
diff --git a/files/fr/web/api/element/getattribute/index.md b/files/fr/web/api/element/getattribute/index.md index e0aa50f459..410b54fe7a 100644 --- a/files/fr/web/api/element/getattribute/index.md +++ b/files/fr/web/api/element/getattribute/index.md @@ -10,76 +10,78 @@ tags: - Reference translation_of: Web/API/Element/getAttribute --- -<p>{{APIRef("DOM")}}</p> +{{APIRef("DOM")}} -<p><code>getAttribute</code> renvoie la valeur d'un attribut donné de l'élément spécifié. Si l'attribut n'existe pas, la valeur renvoyée sera soit <code>null</code> soit <code>""</code> (une chaine vide) ; voir {{ Anch("Notes") }} pour plus de détails.</p> +`getAttribute` renvoie la valeur d'un attribut donné de l'élément spécifié. Si l'attribut n'existe pas, la valeur renvoyée sera soit `null` soit `""` (une chaine vide) ; voir {{ Anch("Notes") }} pour plus de détails. -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="eval"><em>let attribut</em> = element.getAttribute(<em>nom_attribut</em>) -</pre> + let attribut = element.getAttribute(nom_attribut) -<p>où</p> +où -<ul> - <li><code><em>attribut</em></code> est une chaine contenant la valeur de l'attribut <code><em>nom_attribut</em></code>.</li> - <li><code><em>nom_attribut</em></code> est le nom de l'attribut dont on désire connaitre la valeur.</li> -</ul> +- `attribut` est une chaine contenant la valeur de l'attribut `nom_attribut`. +- `nom_attribut` est le nom de l'attribut dont on désire connaitre la valeur. -<h2 id="Exemple">Exemple</h2> +## Exemple -<p>Soit l'HTML :</p> +Soit l'HTML : -<pre class="notranslate">const div1 = document.getElementById("div1");</pre> + const div1 = document.getElementById("div1"); -<p>Exemple de JavaScript :</p> +Exemple de JavaScript : -<pre class="eval">const div1 = document.getElementById("div1"); -//=> <div id="div1">Hi Champ!</div> + const div1 = document.getElementById("div1"); + //=> <div id="div1">Hi Champ!</div> -const attributID = div1.getAttribute("id"); -//=> "div1" + const attributID = div1.getAttribute("id"); + //=> "div1" -cont alignement = div1.getAttribute("align"); -//=> null -</pre> + cont alignement = div1.getAttribute("align"); + //=> null -<h2 id="Notes">Description</h2> +## Description -<h3 id="Sensibilité_à_la_casse">Sensibilité à la casse</h3> +### Sensibilité à la casse -<p>Le paramètre <code>nom_attribut</code> est généralement sensible à la casse, mais ne l'est pas lorsqu'il est utilisé sur des éléments HTML.</p> +Le paramètre `nom_attribut` est généralement sensible à la casse, mais ne l'est pas lorsqu'il est utilisé sur des éléments HTML. -<h3 id="Attributs_inexistants">Attributs inexistants</h3> +### Attributs inexistants -<p>À peu près tous les navigateurs (Firefox, Internet Explorer, Opera, Safari, Konqueror et iCab, sans que cette liste soit exhaustive) renvoient <code>null</code> lorsque l'attribut demandé n'existe pas sur l'élément spécifié. La spécification DOM indique cependant que la valeur de retour correcte dans ce cas est en fait la chaine vide <code>""</code>, et certaines implémentation DOM auront ce comportement. Par conséquent, vous devriez utiliser {{domxref("element.hasAttribute()")}} pour vérifier l'existence d'un attribut avant d'appeler <code>getAttribute()</code> s'il est possible que l'attribut n'existe pas sur l'élément spécifié.</p> +À peu près tous les navigateurs (Firefox, Internet Explorer, Opera, Safari, Konqueror et iCab, sans que cette liste soit exhaustive) renvoient `null` lorsque l'attribut demandé n'existe pas sur l'élément spécifié. La spécification DOM indique cependant que la valeur de retour correcte dans ce cas est en fait la chaine vide `""`, et certaines implémentation DOM auront ce comportement. Par conséquent, vous devriez utiliser {{domxref("element.hasAttribute()")}} pour vérifier l'existence d'un attribut avant d'appeler `getAttribute()` s'il est possible que l'attribut n'existe pas sur l'élément spécifié. -<h3 id="Récupération_de_nonces">Récupération de nonces</h3> +### Récupération de nonces -<p>Pour des raisons de sécurité, les <em>nonces</em> <a href="/fr/docs/Web/HTTP/CSP">CSP</a> des sources autres que des scripts, telles que les feuilles de style CSS, et les appels <code>.getAttribute("nonce")</code> sont interdits.</p> +Pour des raisons de sécurité, les _nonces_ [CSP](/fr/docs/Web/HTTP/CSP) des sources autres que des scripts, telles que les feuilles de style CSS, et les appels `.getAttribute("nonce")` sont interdits. -<pre class="brush: js example-bad">let nonce = script.getAttribute("nonce"); -// renvoie une chaine vide</pre> +```js example-bad +let nonce = script.getAttribute("nonce"); +// renvoie une chaine vide +``` -<p>Plutôt que de tenter de lire le <em>nonce</em> via l’attribut, utilisez la propriété {{domxref("HTMLOrForeignElement/nonce", "nonce")}} :</p> +Plutôt que de tenter de lire le _nonce_ via l’attribut, utilisez la propriété {{domxref("HTMLOrForeignElement/nonce", "nonce")}} : -<pre class="brush: js">let nonce = script.nonce;</pre> +```js +let nonce = script.nonce; +``` -<h2 id="Sp.C3.A9cification">Spécifications</h2> +## Spécifications <table class="standard-table"> - <tbody> - <tr> - <td><strong>Spécification</strong></td> - <td><strong>État</strong></td> - </tr> - <tr> - <td>{{SpecName('DOM WHATWG','#dom-element-getattribute','getAttribute()')}}</td> - <td>{{Spec2('DOM WHATWG')}}</td> - </tr> - </tbody> + <tbody> + <tr> + <td><strong>Spécification</strong></td> + <td><strong>État</strong></td> + </tr> + <tr> + <td> + {{SpecName('DOM WHATWG','#dom-element-getattribute','getAttribute()')}} + </td> + <td>{{Spec2('DOM WHATWG')}}</td> + </tr> + </tbody> </table> -<h2 id="Sp.C3.A9cification">Compatibilité des navigateurs</h2> +## Compatibilité des navigateurs -<div>{{Compat("api.Element.getAttribute")}}</div> +{{Compat("api.Element.getAttribute")}} |