I am dynamically adding columns to a table by using document.createElement("th")
var newTH = document.createElement('th');
Is there a way to set an onClick
attribute for this so a user can delete the column by clicking on the header? Any help would be great. If this is not possible, is it possible to put something in
newTH.innerHTML
to make it work?
The document. createElement() accepts an HTML tag name and returns a new Node with the Element type.
Description. The onclick property of an Input object specifies an event handler function that is invoked when the user clicks on the input element. It is not invoked when the click( ) method is called for the element. Only form elements that are buttons invoke the onclick event handler.
var newTH = document.createElement('th'); newTH.innerHTML = 'Hello, World!'; newTH.onclick = function () { this.parentElement.removeChild(this); }; var table = document.getElementById('content'); table.appendChild(newTH);
Working example: http://jsfiddle.net/23tBM/
You can also just hide with this.style.display = 'none'
.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With