JavaScript Examples Bible - UserWorks Technologies

all
Chapter 1 ✦ Generic HTML Element Objects (Chapter 15)
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓ ✓
Example
Use The Evaluator (Chapter 13 in the JavaScript Bible) to experiment with the
all collection. Enter the following statements one at a time into the lower text box,
and review the results in the textarea for each.
document.all
myTable.all
myP.all
If you encounter a numbered element within a collection, you can explore that
element to see which tag is associated with it. For example, if one of the results for
the document.all collection says document.all.8=[object], enter the following
statement into the topmost text box:
document.all[8].tagName
attributes
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓ ✓
Example
Use The Evaluator (Chapter 13 in the JavaScript Bible) to examine the values of
the attributes array for some of the elements in that document. Enter each of the
following expressions into the lower text field, and see the array contents in the
Results textarea for each:
document.body.attributes
document.getElementById(“myP”).attributes
document.getElementById(“myTable”).attributes
If you have both NN6 and IE5, compare the results you get for each of these
expressions. To view the properties of a single attribute in IE5/Windows, enter the
following statement into the bottom text field:
document.getElementById(“myP”).attributes[“class”]
For NN6 and IE5/Mac, use the W3C DOM syntax:
document.getElementById(“myP”).attributes.getNamedItem(“class”)
5
elementObject.attributes