javascript - onClick イベントを document.createElement("th") に追加

Question

を使用してテーブルに列を動的に追加していますdocument.createElement("th")

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

onClickユーザーがヘッダーをクリックして列を削除できるように、これに属性を設定する方法はありますか? どんな助けでも素晴らしいでしょう。これが不可能な場合、何かを入れることは可能ですか

newTH.innerHTML

それを機能させるには？

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

作業例: http://jsfiddle.net/23tBM/

で非表示にすることもできます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
} );