How to remove CSS class inside the DIV tag in javascript? : <p>Please help how to remove css inside of div tag?</p>

<p>I tried with below code for removing css for the input type inside the div tag. but its now working. </p>

<pre><code>&lt;style&gt;

.removeInputBorder {
    border: none
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;button onclick="myFunction()"&gt;Try it&lt;/button&gt;
&lt;div id="myDIV" &gt;
This is a DIV element.
&lt;input type="text" value="shakeer"  class="removeInputBorder"/&gt;
&lt;/div&gt;

&lt;script&gt;
function myFunction() {
   var element = document.getElementById("myDIV");
   element.classList.remove("removeInputBorder");
}
&lt;/script&gt;
</code></pre>
