Dodaj zdarzenie onClick do document.createElement („th”)

Question

Mam dynamicznie dodanie kolumny do tabeli za pomocą document.createElement("th")

var newTH = document.createElement('th'); 

Czy istnieje sposób, aby ustawić atrybut onClick na to, więc użytkownik może usunąć kolumnę, klikając nagłówek? Każda pomoc byłaby świetna. Jeśli nie jest to możliwe, można włożyć coś w celu wykonania tej czynności?

Answer 1

var newTH = document.createElement('th'); 
newTH.innerHTML = 'Hello, World!'; 
newTH.onclick = function() { 
    this.parentElement.removeChild(this); 
}; 

var table = document.getElementById('content'); 
table.appendChild(newTH); 

przykład robocza: http://jsfiddle.net/23tBM/

Można też po prostu ukryć się this.style.display = 'none'.

Answer 2

var newTH = document.createElement('th'); 
newTH.onclick = function() { 
     //Your code here 
} 

Answer 3

var newTH = document.createElement('th'); 
newTH.addEventListener('click', function(){ 
    // delete the column here 
});