JavaScript Examples Bible - UserWorks Technologies

278
Range.endOffset
JavaScript Examples Bible: The Essential Companion to JavaScript Bible
Now set the range to encompass the myEM element:
a.selectNode(document.getElementById(“myEM”)
Inspect the containers for both the start and end points of the selection:
a.startContainer.id
a.endContainer.id
The range encompasses the entire myEM element, so the start and end points are
outside of the element. Therefore, the container of both start and end points is the
myP element that also surrounds the myEM element.
endOffset
startOffset
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
endOffset and startOffset properties, following similar paths you just saw in
the description. Reload the page and assign a new range to the a global variable by
typing the following statement into the top text box:
a = document.createRange()
Now set the range to encompass the myEM element and then move the start point
outward to a character within the myP element’s text node:
a.selectNode(document.getElementById(“myEM”))
a.setStart(document.getElementById(“myP”).firstChild, 7)
Inspect the node types of the containers for both the start and end points of the
selection:
a.startContainer.nodeType
a.endContainer.nodeType
The startContainer node type is 3 (text node), while the endContainer node
type is 1 (element). Now inspect the offsets for both the start and end points of the
selection:
a.startOffset
a.endOffset