javascriptから動的にアクションを割り当てることはできますか？

Question

一般的に、私は警告ボックスを促し、そしてこんにちは

<div style="color:#00FF00" onclick=alert("Hello"); id = "helloDivTag"> 
    <h3>This is a header</h3> 
    <p>This is a paragraph.</p> 
</div> 

しかし、この時間を言うためにこれを行う、私はjsファイル内でそれをやりたい、htmlタグの内側にそれを行うにはしたくありません。どうすればいいですか？ありがとうございました。

Answer 1

私は、あなたはちょうどこの

$(function(){ 
$('#helloDivTag').click(function(){ 
alert("Hello"); 
}); 
}); 

それは次のようになります実装したばかりの私はjqueryのを使用することをお勧めする理由ヘッダ

<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script> 
<script> 
$(function(){ 
    $('#helloDivTag').click(function(){ 
    alert("Hello"); 
    }); 
    }); 
</script> 

に入れていない操作を行いjqueryフレームワークを使用することをお勧めしますシンプルなjavascriptは、あなたが何かしたいときにいつでも便利に使える他の機能がたくさんあるからです。

Answer 2

window.onload = function() { 
    document.getElementById('helloDivTag').onclick = function(){ 
     alert('hi'); 
    } 
} 

クリックイベントがロードされるとdivにアタッチされ、クリックするたびにアラートが発生します。これは、構造とスタイルから分離した振る舞いと呼ばれています。