2011-11-18 25 views
10

私は動的にいくつかの要素を作成して、innerHTMLのプロパティをテキストで埋めています。私にできることJavascript:動的にonclickを設定し、要素自体を渡す

myDiv.onclick = function() { alert("Hello!") }; 

:私はこのような彼らのonclickイベントハンドラを設定しようとしています。私がしたいのは、新しく定義されたonclick関数内でvalue/innerHTML(JavascriptとDOMの新機能なので、私が探しているものがわかりません)にアクセスできることです。 onclickプロパティで定義されている関数内のmyDivのデータにアクセスするにはどうすればよいですか? myDivは次のような単純なものになります。すべてのヘルプ

<div>StackOverflow</div> 

いただければ幸いです!

+1

"内容"は私が考える正しい言葉です。 –

答えて

15

onclickハンドラは、要素のコンテキストで実行されます。

myDiv.onclick = function() { alert(this.innerHTML); }; 
+0

Doh!これは私が試していない唯一のものだったに違いない。どうもありがとう! –

4

ハンドラの内部では、thisが要素を参照します。

myDiv.onclick = function() { alert(this.innerHTML) }; 

Tadaaa :).

+1

ありがとう! 1月に最初に答えたが、アップヴォートを持っていた。 :) –

0

私はあなたが後にしているものだと思うです:

個人的に私は(これはブラウザの問題のために)離れのinnerTextから滞在し、ルール

としてinnerHTMLプロパティを使用したいです
+0

チップをありがとう! –

関連する問題