Latest Tutorials| Questions and Answers|Ask Questions?|Site Map

Home Javascript JavaScript method createTextRange()

Related Tutorials


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:



If you enjoyed this post then why not add us on Google+? Add us to your Circles

Liked it!  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.

Posted on: May 27, 2009

Related Tutorials

Discuss: JavaScript method createTextRange()  

Post your Comment

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