JavaScript Examples Bible - UserWorks Technologies

Chapter 1 ✦ Generic HTML Element Objects (Chapter 15)
appended to the document’s form element. Finally, the outerHTML of the new element
is displayed in its field. Notice that except for the NAME and ID attributes, all
others are copied. This includes style sheet attributes and event handlers. To prove
that the event handler works in the new elements, you can add a space to any one
of them and press Tab to trigger the onChange event handler that changes the content
to all uppercase characters.
Listing 15-29: Using the mergeAttributes() Method
mergeAttributes() Method
function doMerge(form) {
var newPElem = document.createElement(“P”)
var newInputElem = document.createElement(“INPUT”)
newInputElem.id = newInputElem.uniqueID
newInputElem.mergeAttributes(form.field1)
newPElem.appendChild(newInputElem)
form.appendChild(newPElem)
newInputElem.value = newInputElem.outerHTML
}
// called by onChange event handler of fields
function upperMe(field) {
field.value = field.value.toUpperCase()
}
mergeAttributes() Method
normalize()
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓
79
elementObject.normalize()