JavaScript Examples Bible - UserWorks Technologies

Methods
cloneContents()
cloneRange()
Chapter 5 ✦ Body Text Objects (Chapter 19)
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓
Example
When Netscape outfits the NN6 browser with the cloneContents() method, use
The Evaluator (Chapter 13 in the JavaScript Bible) to see the method in action.
Begin by creating a new range object that contains the text of the myP paragraph
element.
a = document.createRange()
a.selectNode(document.getElementById(“myP”)
Next, clone the original range and preserve the copy in variable b:
b = a.cloneContents()
Move the original range so that it is an insertion point at the end of the body by
first expanding it to encompass the entire body and then collapse it to the end
a.selectNode(document.body)
a.collapse(false)
Now, insert the copy at the very end of the body:
a.insertNode(b)
If you scroll to the bottom of the page, you see a copy of the text.
See the description of the compareBoundaryPoints() method later in this
chapter to see an example of the cloneRange() method.
collapse([startBoolean])
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Compatibility ✓
Example
See Listings 19-11 (in this chapter) and 15-14 (in Chapter 1 of this book) to see
the collapse() method at work (albeit with the IE TextRange object).
279
Range.collapse()