Share on Google+Share on Google+

JavaScript method createTextRange()

This section illustrates the use of 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:

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

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:




Posted on: May 27, 2009 If you enjoyed this post then why not add us on Google+? Add us to your Circles

Share this Tutorial Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Discuss: JavaScript method createTextRange()  

Post your Comment

Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image