JavaScript DHTML/Node Operation/createRange
"createRange()" Example
<source lang="html4strict">
<html> <head> <script language="JavaScript"> var myRange function function1() {
myRange = document.body.createTextRange(); myRange.moveToElementText(myText1);
} function function2() {
var selectR = document.selection.createRange(); alert(myRange.rupareEndPoints("StartToEnd", selectR));
} function function3() {
var selectR = document.selection.createRange(); alert(myRange.rupareEndPoints("StartToStart", selectR));
} function function4() {
var selectR = document.selection.createRange(); alert(myRange.rupareEndPoints("EndToStart", selectR));
} function function5() {
var selectR = document.selection.createRange(); alert(myRange.rupareEndPoints("EndToEnd", selectR));
} </script></head> <body onLoad="function1();">
This is some text before the text that is used for comparison.
This is a text stream that is used for the first part of the comparison.
This is a text stream that is used for the second part of the comparison. Highlight any part of this section with your mouse, then click one of the buttons below.
<input type="button" value="StartToEnd" onclick="function2();"> <input type="button" value="StartToStart" onclick="function3();"> <input type="button" value="EndToStart" onclick="function4();"> <input type="button" value="EndToEnd" onclick="function5();"> </body> </html>
</source>