Breaking News: Grepper is joining You.com. Read the official announcement!

javascript highlight words

Landin answered on June 14, 2022 Popularity 9/10 Helpfulness 4/10

answer javascript highlight words

javascript highlight words

Comment

<script>
function highlight(text) {
  var inputText = document.getElementById("inputText");
  var innerHTML = inputText.innerHTML;
  var index = innerHTML.indexOf(text);
  if (index >= 0) { 
   innerHTML = innerHTML.substring(0,index) + "<span class='highlight'>" + innerHTML.substring(index,index+text.length) + "</span>" + innerHTML.substring(index + text.length);
   inputText.innerHTML = innerHTML;
  }
}
</script>


<style>
.highlight {
  background-color: yellow;
}
</style>


<button onclick="highlight('fox')">Highlight</button>

<div id="inputText">
  The fox went over the fence
</div>

// adpted by: iury.landin

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: highlight javascript words

Link to this answer
Share Copy Link