2012-06-13 57 views
19

我動態使用document.createElement("th")onClick事件添加到使用document.createElement(「TH」)

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

添加到一個表列有沒有一種方法來設置此一onClick屬性,以便用戶可以刪除點擊標題欄?任何幫助都會很棒。如果這是不可能的,是否有可能把東西放在

newTH.innerHTML 

使它工作?

回答

39
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'

+0

這成功地消除了頭,任何想法如何也刪除其下的細胞? –

+0

@daniellanger這變得更加複雜。 – trumank

+0

想通了。謝謝 –

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

感謝,創建事件!關於在函數內隱藏該元素的簡單方法的任何想法?它沒有一個ID或類,這使得它有點困難 –

+0

@daniellanger看看我的答案。 – trumank

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

感謝完美的作品A ++ –