title: get parentNode of clicked element in plain JS
body: <p>I need to get the parentNode of a clicked element in plain JS (no jQuery or other frameworks)
  I am currently using <code>document.getElementById("item_click")</code> 
  but I want to change <code>id="item_click"</code> to <code>class="item_click"</code> so I can use multiple boxes.
  I just don't know how to integrate <code>this</code> in the script</p>
  
  <p><a href="http://jsfiddle.net/pixelass/keDg2/" rel="noreferrer">Here's a Fiddle</a> &lt;&lt;&lt; play with it</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="item"&gt;
      &lt;div  class="item-tester" &gt;
          &lt;div class="item-icon"&gt;&lt;/div&gt;
          &lt;div class="item-title"&gt;Item Title&lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="item_click" onmousedown="new_class(event)" onmouseup="revert_class(event)" onmouseout="revert_class(event)"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>function new_class(event) {
      wClick = document.getElementById("item_click");
      wTile = wClick.parentNode;
      wTile.className = wTile.className + " added-class";
  }
  function revert_class(event) {
      wTile.className = "item";
  }
  ​
  </code></pre>
  
  <p>I want to change </p>
  
  <pre><code>wClick = document.getElementById("item_click");
  wTile = wClick.parentNode;
  </code></pre>
  
  <p>to something like</p>
  
  <pre><code>wClick = this;
  wTile = wClick.parentNode;
  </code></pre>
  
  <p>I know how to do this in jQuery but it will not work in plain JS as <code>this</code>  would be the <code>window</code> (I think)</p>
  
  <p><strong>BTW.
  I need the (event) since this is just a stripdown of the entire code I'm using.</strong> </p>