Añadir evento de clic a document.createElement ("th")

Question

Estoy añadiendo dinámicamente columnas a una tabla utilizando document.createElement("th")

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

¿Hay una manera de establecer un atributo onClick de este modo un usuario puede eliminar la columna haciendo clic en el encabezado? Cualquier ayuda sería genial. Si esto no es posible, ¿es posible poner algo en

newTH.innerHTML 

para que funcione?

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

Ejemplo de trabajo: http://jsfiddle.net/23tBM/

También se puede simplemente ocultar 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 
});