files/fr/archive/mozilla/xul/attributs/id/index.html


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

---
title: id
slug: Archive/Mozilla/XUL/Attributs/id
tags:
  - Attributs_XUL
  - Référence_XUL
translation_of: Archive/Mozilla/XUL/Attribute/id
---
<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/fr/docs/R%C3%A9f%C3%A9rence_XUL">Accueil de la référence XUL</a></span></div>
<dl><dt> <code id="a-id"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/id">id</a></code>
</dt><dd> Type : <i>id d'élément, doit être unique dans la fenêtre</i>
</dd><dd> Un identifiant unique permettant d'identifier l'élément. Celui-ci peut être utilisé comme paramètre pour <code><a href="fr/DOM/document.getElementById">getElementById()</a></code> et d'autres fonctions DOM et pour référencer l'élément dans des feuilles de style.
</dd></dl>
<div class="noinclude">
<h4 id="Exemple" name="Exemple"> Exemple </h4>
<pre>&lt;button id="foo" label="Cliquez ici" oncommand="doSomething()"/&gt;

&lt;script&gt;
function doSomething(){
    var myButton = document.getElementById('foo');
    myButton.setAttribute('label','On a cliqué sur le bouton');
}
&lt;/script&gt;
</pre>
<p>Une version plus abstraite de ce code serait un
</p>
<pre>&lt;button id="foo" label="Cliquez ici" oncommand="setWidgetLabel(this, 'On m\' a cliqué dessus')"/&gt;
&lt;script&gt;
function setWidgetLabel(idName, newCaption){
   document.getElementById( idName.id ).setAttribute('label',newCaption)
}

&lt;/script&gt;
</pre>
<h4 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement"> Voir également </h4>
<p><code><code id="a-name"><a href="https://developer.mozilla.org/fr/docs/Mozilla/Tech/XUL/Attributs/name">name</a></code></code>
</p>
</div>