JavaScript Examples Bible - UserWorks Technologies

Chapter 1 ✦ Generic HTML Element Objects (Chapter 15)
Second Item
Enter some text to add/replace in the list:
The final part of the demonstration uses the removeChild() method to peel
away all children of the UL element until just the two original items are left standing.
Again, the lastChild property comes in handy as the restore() function keeps
removing the last child until only two remain. Upon restoring the list, IE5/Mac fails to
render the list bullets; but in the browser’s object model, the UL element still exists.
applyElement(elementObject[, type])
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓ ✓
Example
To help you visualize the impact of the applyElement() method with its different
parameter settings, Listing 15-22 enables you to apply a new element (an EM
element) to a SPAN element inside a paragraph. At any time, you can view the
HTML of the entire P element to see where the EM element is applied, as well as its
impact on the element containment hierarchy for the paragraph.
After you load the page, inspect the HTML for the paragraph before doing anything
else. Notice the SPAN element and its nested FONT element, both of which
surround the one-word content. If you apply the EM element inside the SPAN element
(click the middle button), the SPAN element’s first (and only) child element
becomes the EM element; the FONT element is now a child of the new EM element.
Listing 15-22: Using the applyElement() Method
applyElement() Method
function applyOutside() {
var newItem = document.createElement(“EM”)
newItem.id = newItem.uniqueID
document.all.mySpan.applyElement(newItem)
Continued
57
elementObject.applyElement()