html - highlight word in div using javascript

Question

hi i have to implement find and replace functionality in my project. in this functionality there is one find and replace button on the top of contenteditable div. when user click on this button, popup window will open and ask for the search word when specify word and press find it will find word in that div only. and if match found it will highlight that word. so anybody tell me how can i highlight word in div. its urgent so please . thank you.

<div id="test" contenteditable="true">
this is test <font class='classname'> some text test</font>
</div>

i want to high light only test word not else

Answer 1

You will need to search through the div to find the word and then put that word into a span, and change the background color of the span.

Edit: I just noticed that you are not using CSS, so you will need to insert a font tag to change the color.