получить ParentNode из щелкнули элемент в виде обычного JS

Question

мне нужно, чтобы получить ParentNode из кликнутого элемента в равнинных JS (не JQuery или других структурах) я в настоящее время с помощью document.getElementById("item_click") , но я хочу, чтобы изменить id="item_click" к class="item_click", так что я могу использовать несколько ящиков. я просто не знаю, как интегрировать this в сценарии

< < Here's a Fiddle < играть с ним

HTML

<div class="item"> 
    <div class="item-tester" > 
     <div class="item-icon"></div> 
     <div class="item-title">Item Title</div> 
    </div> 
    <div id="item_click" onmousedown="new_class(event)" onmouseup="revert_class(event)" onmouseout="revert_class(event)"></div> 
</div> 

JS

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"; 
} 
​ 

Я хочу изменить

wClick = document.getElementById("item_click"); 
wTile = wClick.parentNode; 

к чему-то вроде

wClick = this; 
wTile = wClick.parentNode; 

Я знаю, как сделать это в JQuery, но он не будет работать в обычном JS, как this бы быть window (я думаю)

BTW. Мне нужно (событие), так как это всего лишь штрих всего кода, который я использую.

Answer 1

function new_class(event) { 
    wTile = event.target.parentNode; 
    wTile.className = wTile.className + " added-class"; 
} 

Answer 2

«Я просто не знаю, как интегрировать this в сценарии»

Использование .call() для вызова обработчика, чтобы установить его значение this к элементу, который имеет те обработчик ...

<div id="item_click" onmousedown="new_class.call(this,event)" ...> 

---

function new_class(event) { 
    var wTile = this.parentNode; 
    wTile.className = wTile.className + " added-class"; 
}