onClick Ereignisse document.createElement („th“)

Question

ich dynamisch bin Hinzufügen von Spalten zu einer Tabelle von document.createElement("th")

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

mit Gibt es eine Möglichkeit, ein onClick Attribut für diese so ein Benutzer festlegen kann das löschen Spalte durch Klicken auf die Überschrift? Jede Hilfe wäre großartig. Wenn das nicht möglich ist, ist es möglich, etwas in

newTH.innerHTML 

zu setzen, damit es funktioniert?

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); 

Arbeitsbeispiel: http://jsfiddle.net/23tBM/

Sie können auch mit this.style.display = 'none' verstecken gerade.

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 
});