title: Incrementing the CSS padding-top property in Javascript
body: <p>I have a CSS defined for a <code>div</code></p>
  
  <pre><code>#myDiv
  {
    padding-top: 20px,
    padding-bottom: 30px
  }
  </code></pre>
  
  <p>In a JS function, I would like to increment the value of <code>padding-top</code> by 10px</p>
  
  <pre><code>function DoStuff()
  {
    var myDiv = document.getElementById('myDiv');
    //Increment by 10px. Which property to use and how? something like..
    //myDiv.style.paddingTop += 10px;
  }
  </code></pre>