JavaScript Reference/Javascript Methods/createRange

Материал из Web эксперт
Перейти к: навигация, поиск

"createRange()" Example

<!-- 
Example revised from 
The Web Programmer"s Desk Reference
by Lazaro Issi Cohen and Joseph Issi Cohen 
ISBN: 1593270119
Publisher: No Starch Press 2004
-->    
<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();">
<p>This is some text before the text that is used for comparison.</p>
<p id="myText1" style="color:red;">This is a text stream that is used for the first part of the comparison.</p>
<p>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.</p>
<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>



"createRange()" is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |selection                                                     |
+----------------+--------------------------------------------------------------+



"createRange()" Syntax, Parameters and Note

Note:
Creates a TextRange with the text inside the selection object.
    
Syntax:
    
document.selection.createRange()
Источник — «http://wbex.ru/index.php?title=JavaScript_Reference/Javascript_Methods/createRange&oldid=7917»