Issue in setting inline style for element in internet explorer 11
<p>Below is the sample html to reproduce the issue.</p>

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

   &lt;head&gt;
     &lt;title&gt;Title&lt;/title&gt;
   &lt;/head&gt;

&lt;body&gt; 
     &lt;h1 id="head"&gt;Header1&lt;/h1&gt; 
 &lt;/body&gt; 
 &lt;script&gt;
   var element = document.getElementById("head");
   element.style.color = 'red';

  &lt;/script&gt;


&lt;/html&gt;
</code></pre>

<p>The styling works fine in firefox and in chrome; but not in IE.
All answers about this issue suggested the above method to make it work across browsers. But this simple sample doesn't work.</p>