JavaScript Examples Bible - UserWorks Technologies

84 JavaScript Examples Bible: The Essential Companion to JavaScript Bible
removeAttributeNode(attributeNode)
setAttributeNode(attributeNode)
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
setAttributeNode() and removeAttributeNode() methods for the P element in
the page. The task is to create and add a STYLE attribute to the P element. Begin by
creating a new attribute and storing it temporarily in the global variable a:
a = document.createAttribute(“style”)
Assign a value to the attribute object:
a.nodeValue = “color:red”
Now insert the new attribute into the P element:
document.getElementById(“myP”).setAttributeNode(a)
The paragraph changes color in response to the newly added attribute.
Due to the NN6 bug that won’t allow the method to return a reference to the
newly inserted attribute node, you can artificially obtain such a reference:
b = document.getElementById(“myP”).getAttributeNode(“style”)
Finally, use the reference to the newly added attribute to remove it from the
element:
document.getElementById(“myP”).removeAttribute(b)
Upon removing the attribute, the paragraph resumes its initial color. See the
example for the setAttribute() method later in this chapter to discover how you
can perform this same kind of operation with setAttribute().
removeBehavior(ID)
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓
Example
See Listings 15-19a and 15-19b earlier in this chapter for examples of how to use
addBehavior() and removeBehavior().
elementObject.removeBehavior()