JavaScript method createTextRange()

This section illustrates the use of JavaScript method createTextRange().

JavaScript method createTextRange()

JavaScript method createTextRange()

     

This section illustrates the use of JavaScript method createTextRange(). In the given example, we are going to search a particular text from the specified text. For this, first we have used the method createTextRange() of document object which creates a new Text Range object with the text contained by the element. Then we have used findText() method that will search the TextRange object for the specified string and highlight it using select() method if it is found. This method works only on Internet Explorer.

 

 

 

Here is the code:

<html>
<body>
<script type="text/javascript">
function Search(){
var textRange = document.body.createTextRange();
textRange.findText("glitters");
textRange.select(document.getElementById('d'));
}
</script>
<p id="p">All glitters are not gold</p>
<input type="button" value="Search" onclick="Search()"/>
</body>
</html>

Output will be displayed as:

The above code searches the 'glitters' from the specified text and highlights it. Therefore, on clicking the button, you will get the following:

Download Source Code: