id
getElementById()
and other DOM functions and to reference the element in style sheets.<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>Not specifying the
id
attribute for a window
or a prefwindow
fills the console with the following warning message: Warning: Empty string passed to getElementById()