id

Table of contents

  1. 1. Example
  2. 2. See also
Page Notifications Off
Table of contents
  1. 1. Example
  2. 2. See also
« XUL Reference home
id
Type: unique id
A unique identifier so that you can identify the element with. You can use this as a parameter to getElementById() and other DOM functions and to reference the element in style sheets.

Example

<button id="foo" label="Click Me" oncommand="doSomething()"/>

<script>
function doSomething(){
    var myButton = document.getElementById('foo');
    myButton.setAttribute('label','The button was pressed');
}
</script>

A more abstract version of the above would be a

<button id="foo" label="Click Me" oncommand="setWidgetLabel(this, 'I was pressed')"/>
<script>
function setWidgetLabel(idName, newCaption){
   document.getElementById( idName.id ).setAttribute('label',newCaption)
}

</script>

Note: Be sure to specify the id attribute for a XUL <window> or a XUL <prefwindow>, otherwise it will fill the console with the following warning message every time the window will gain and lose focus: "Warning: Empty string passed to getElementById()"

See also

name

Tags (2)

Edit tags

Attachments (0)

 

Attach file