title: Using Javascript to add width to a HTML element
body: <p>I am trying to work with altering a <code>div</code> tag's position and size with a JavaScript function and am confused about how to reference the current width of the div. </p>
  
  <p>This is my function</p>
  
  <pre><code>function socialExt()
  {
      document.getElementById("Left").style.width = ("Left").width+240px;
  }
  </code></pre>
  
  <p>I want it to add <em>240 pixels</em> every time I click on the button.</p>
  
  <ul>
  <li>What should I replace <code>("Left").width</code> with in order to access its width so I can add 240px to it  </li>
  <li>I am also currently not using JQuery, should I use it?</li>
  </ul>