Thêm sự kiện onClick để document.createElement ("th")

Question

Tôi đang tự động thêm cột vào một bảng bằng cách sử dụng document.createElement("th")

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

Có cách nào để thiết lập một thuộc tính onClick cho điều này để người dùng có thể xóa các bằng cách nhấp vào tiêu đề? Bất kỳ sự trợ giúp nào đều sẽ là tuyệt vời. Nếu không thể thực hiện điều này, bạn có thể đặt thứ gì đó trong

newTH.innerHTML 

để làm cho nó hoạt động?

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

dụ làm việc: http://jsfiddle.net/23tBM/

Bạn cũng có thể chỉ ẩn với 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 
});