JavaScript Examples Bible - UserWorks Technologies

70 JavaScript Examples Bible: The Essential Companion to JavaScript Bible
notation. IE5 and NN6 understand the W3C standard getElementById() method of
addressing an element. You can enter the following sample statements into the top
text box to view attribute values.
IE4:
document.all.myTable.getAttribute(“width”)
document.all.myTable.getAttribute(“border”)
IE5/NN6:
document.getElementById(“myTable”).getAttribute(“width”)
document.getElementById(“myTable”).getAttribute(“border”)
getAttributeNode(“attributeName”)
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓
Example
Use The Evaluator (Chapter 13 in the JavaScript Bible) to explore the
getAttributeNode() method in NN6. The Results TEXTAREA element provides
several attributes to check out. Because the method returns an object, enter the following
statements into the bottom text field so you can view the properties of the
attribute node object returned by the method:
document.getElementById(“output”).getAttributeNode(“COLS”)
document.getElementById(“output”).getAttributeNode(“ROWS”)
document.getElementById(“output”).getAttributeNode(“wrap”)
document.getElementById(“output”).getAttributeNode(“style”)
All (except the last) statements display a list of properties for each attribute
node object. The last statement, however, returns nothing because the STYLE
attribute is not specified for the element.
getBoundingClientRect()
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓
Example
Listing 15-27 employs both the getBoundingClientRect() and
getClientRects() methods in a demonstration of how they differ. A set of elements
is grouped within a SPAN element named main. The group consists of two
paragraphs and an unordered list.
elementObject.getBoundingClientRect()