Home Javascript JavaScript method createTextRange()
Questions:Ask|Latest


 
 

Share on Google+Share on Google+

JavaScript method createTextRange()

Advertisement
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:

<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:

     

Advertisements

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

Ask Questions?    Discuss: JavaScript method createTextRange()  

Post your Comment


Your Name (*) :
Your Email :
Subject (*):
Your Comment (*):
  Reload Image
 
 
Comments
DMCA.com