Ajouter un événement onClick document.createElement (« e »)

Question

J'ajoute dynamiquement des colonnes à une table en utilisant document.createElement("th")

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

est-il un moyen de définir un attribut onClick pour cette sorte qu'un utilisateur peut supprimer le colonne en cliquant sur l'en-tête? Toute aide est la bienvenue. Si cela n'est pas possible, est-il possible de mettre quelque chose dans

pour le faire fonctionner?

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

Exemple de travail: http://jsfiddle.net/23tBM/

Vous pouvez aussi cacher avec 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 
});