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.setAttribute("onclick", "removeColumn(#)");
newTH.setAttribute("id", "#");

function removeColumn(#){
// remove column #
}

Answer 4

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