title: How to change a specific inline style from a HTML element?
body: <p>So basically, I am simply trying to change an inline style from a HTML element that I have.</p>
  
  <p>For example, my <code>h1</code> tag:</p>
  
  <pre><code>&lt;h1 id="headerTop" style="width: 500px; max-width:none; top: 234px;"&gt;Something goes here&lt;/h1&gt;
  </code></pre>
  
  <p>I am trying to change <code>top</code> to something different after my page is loaded. Therefore, I am trying to use this piece of Javascript just before the closing of my <code>body</code> tag:</p>
  
  <pre><code>&lt;script&gt;
       document.getElementById("headerTop").style.top = "470px";
  &lt;/script&gt;
  </code></pre>
  
  <p>Although, this makes no change.</p>
  
  <p>I am trying to do this since my <code>h1</code> element originally has no <code>top</code> attribute within my page source UNTIL it is loaded inside a browser. It is then given <code>top: 234px;</code>. Can't seem to find out why. I am using a purchased template from another site, so there must be something somewhere that is causing this to happen. The <code>top</code> attribute is DEFINITELY being added inline.</p>