Compare the end points of the text range : Text Range « DOM Node « JavaScript Tutorial






  1. JavaScript Tutorial
  2. DOM Node
  3. Text Range
This example only works on Internet Explorer.
<html>
    <head>
        <title>IE Range Example</title>
        <script type="text/javascript">
            function useRanges() {
                var oRange1 = document.body.createTextRange();
                var oRange2 = document.body.createTextRange();
                oRange1.findText("B");
                oRange2.findText("A");
                alert(oRange1.compareEndPoints("StartToStart", oRange2));
                alert(oRange1.compareEndPoints("EndToEnd", oRange2));
            }
        </script>
    </head>
    <body><p id="p1"><b>A</b> B</p>
        <input type="button" value="Use Ranges" onclick="useRanges()" />    
    </body>
</html>








23.21.Text Range
23.21.1.Change a Text in TextRange
23.21.2.Move to element text in a text range
23.21.3.Paste HTML into a text range
23.21.4.Shows what happens when you try to use pasteHTML() while HTML code is selected.
23.21.5.Compare the end points of the text range
23.21.6.isEqual and inRange of a text range