Ajoutez l'événement onClick à document.createElement ("th")

Question

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

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

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

newTH.innerHTML

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 également simplement vous 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
} );