Aggiungi l'evento onClick al document.createElement ("th")

Question

Sto dinamicamente Aggiungere colonne in una tabella utilizzando document.createElement("th")

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

C'è un modo per impostare un attributo onClick per questo modo un utente può eliminare il colonna cliccando sull'intestazione? Qualsiasi aiuto sarebbe grande. Se questo non è possibile, è possibile mettere qualcosa in

newTH.innerHTML 

per farlo funzionare?

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

esempio di lavoro: http://jsfiddle.net/23tBM/

È anche possibile nascondere con 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 
});