Je 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 que l'utilisateur puisse supprimer la 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 en
newTH.innerHTML
Pour le faire fonctionner?
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 cacher avec this.style.display = 'none'
.
var newTH = document.createElement('th'); newTH.onclick = function() { //Your code here }
var newTH = document.createElement('th'); newTH.addEventListener( 'click', function(){ // delete the column here } );