Добавить событие onClick в document.createElement("th")

Я динамически добавляю столбцы в таблицу с помощью document.createElement("th")

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

Есть ли способ установить для этого атрибут onClick чтобы пользователь мог удалить столбец, нажав на заголовок? Любая помощь будет большой. Если это невозможно, можно ли положить что-то в

newTH.innerHTML

заставить его работать?

Ответ 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);

Рабочий пример: http://jsfiddle.net/23tBM/

Вы также можете просто спрятать с this.style.display = 'none'.

Ответ 2

var newTH = document.createElement('th');
newTH.onclick = function() {
      //Your code here
}

Ответ 3

var newTH = document.createElement('th');
newTH.addEventListener( 'click', function(){
  // delete the column here
} );