title: remove css class from specific part using javascript
body: <p>I have a div whose id is <code>divId</code> and I have written a JS script through which I am highlighting the "this" keyword.<br>Here is the JS code<br></p>
  
  <pre><code>            var regex = new RegExp('this',"gi");
       document.getElementById("divId").innerHTML=document.getElementById("divId").
      innerHTML.replace(regex, function(matched) 
  {return '&lt;span class=\'highlight\'&gt;' + matched + '&lt;/span&gt;';})
  </code></pre>
  
  <p>and here is the div<br></p>
  
  <pre><code>This is the text This is the text This is the text This is the text 
  This is the text This is the text This is the text This is the text 
  This is the text This is the text This is the text This is the text 
  </code></pre>
  
  <p>
  Now I want to create a button on which I click and <code>highlight</code> class has been removed.I have tried this <code>document.getElementById("divId").className = ""</code> but it didn't work.As I am new to JS so now after my efforts now I am passing this problem to SO experts.How can I remove the class from all <code>this</code> word inside a div<br>Any suggestions?</p>