files/ja/archive/mozilla/xul/attribute/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

---
title: id
slug: Archive/Mozilla/XUL/Attribute/id
tags:
  - XUL Attributes
  - XUL Reference
translation_of: Archive/Mozilla/XUL/Attribute/id
---
<div class="noinclude"><span class="breadcrumbs xulRefAttr_breadcrumbs">« <a href="/ja/docs/XUL/XUL_Reference">XUL リファレンス HOME</a></span></div>
<dl><dt> <code id="a-id"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/id">id</a></code> </dt><dd> 型: <em>window 内で固有の要素 ID</em> </dd><dd> 要素を識別するために付与される固有の識別子。 <code><a href="/ja/DOM/document.getElementById" title="ja/DOM/document.getElementById">getElementById()</a></code> などの DOM 関数やスタイルシートで要素を参照するために使うことができる。 </dd></dl>
<div class="noinclude">
<h4 id="Example" name="Example">例</h4>
<pre>&lt;button id="foo" label="Click Me" oncommand="doSomething()"/&gt;

&lt;script&gt;
function doSomething(){
    var myButton = document.getElementById('foo');
    myButton.setAttribute('label','The button was pressed');
}
&lt;/script&gt;
</pre>
<p>上記の例のさらに抽象的な例は、以下のようになる。</p>
<pre>&lt;button id="foo" label="Click Me" oncommand="setWidgetLabel(this, 'I was pressed')"/&gt;
&lt;script&gt;
function setWidgetLabel(idName, newCaption){
   document.getElementById( idName.id ).setAttribute('label',newCaption)
}

&lt;/script&gt;
</pre>
<h4 id="See_also" name="See_also">参照</h4>
<p><code><code id="a-name"><a href="https://developer.mozilla.org/ja/docs/Mozilla/Tech/XUL/Attribute/name">name</a></code></code></p>
</div>
<div class="noinclude">

</div>