JavaScript Examples Bible - UserWorks Technologies

Chapter 1 ✦ Generic HTML Element Objects (Chapter 15)
setAttribute(“attributeName”, value
[, caseSensitivity])
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
setAttribute() method for the elements in the page. For IE4, use the document.
all notation; IE5 and NN6 understand the W3C standard getElementById()
method of addressing an element.
Setting attributes can have immediate impact on the layout of the page (just as
setting an object’s properties can). Enter these sample statements into the top text
box to view attribute values:
IE4+:
document.all.myTable.setAttribute(“width”, “80%”)
document.all.myTable.setAttribute(“border”, “5”)
IE5+/NN6:
document.getElementById(“myTable”).setAttribute(“width”, “80%”)
document.getElementById(“myTable”).setAttribute(“border”, “5”)
setAttributeNode()
See removeAttributeNode().
setCapture(containerBoolean)
See releaseCapture().
setExpression(“propertyName”,
“expression”,”language”)
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓
Example
Listing 15-32 shows the setExpression(), recalc(), and getExpression()
methods at work in a DHTML-based clock. Figure 1-3 shows the clock. As time clicks
91
elementObject.setExpression()