2012-06-13 5 views
19

のdocument.createElement(「目」)にonClickイベントを追加し、このためonClick属性を設定する方法は、ユーザーが削除することができますありますヘッダーをクリックして列を表示しますか?どんな助けも素晴らしいだろう。これが不可能な場合は、何かを入力することが可能ですか?は私が動的に<code>document.createElement("th")</code></p> <pre><code>var newTH = document.createElement('th'); </code></pre> <p>を使用してテーブルに列を追加してい

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 ++ –

関連する問題

 関連する問題