2012-06-13 11 views
19

मैं गतिशील document.createElement("th")document.createElement ("वें") के लिए onClick ईवेंट जोड़ें

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

@ डैनियलरेंजर जो अधिक जटिल हो जाता है। – trumank

+0

इसे समझ लिया। धन्यवाद –

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

धन्यवाद, यह घटना बनाता है! समारोह के भीतर उस तत्व को छिपाने के लिए एक सरल तरीके के रूप में कोई विचार? इसमें कोई आईडी या क्लास नहीं है जो इसे थोड़ा मुश्किल बनाता है –

+0

@daniellanger मेरे उत्तर को देखो। – trumank

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

धन्यवाद काम करता है बिल्कुल सही ए ++ –

संबंधित मुद्दे