画像のワンクリックでdivを更新するにはどうすればよいですか？

Question

私は検索しましたが、誰も説明していないので理解できません。 これは私がしたいことです：私はページ全体をリロードせずにdivをリフレッシュしたいです。このように。：

<div id="topimage"> 
<span id="happysmile"><img alt="happysmile" src="happysmile.png"></a></span> 
<span id="refreshbuttn"><img alt="refreshbuttn" src="refreshbuttn.png"></a></span> 
       </div> 

<div id="topDatum"><script type="text/javascript"> 
var mynewdate = new Date(); 
document.write(mynewdate.getMilliseconds()); 
</script></div> 

私はちょうどトップイメージdivでない "秒" divをリロードしたいと思います。 refreshbuttn.pngをクリックするだけです。

これは可能ですか？どのようにしますか？

ありがとう、私の悪い英語のために申し訳ありません。

Answer 1

"秒" あなたは "topDatum" のdivを意味するのdiv、あなたがこれを行うことができたか：これは、IDを持つ要素を取得するためにdocument.getElementByIdを使用していますhttp://jsfiddle.net/YCM9m/1/

<div id="topimage"> 
    <span id="happysmile"><img alt="happysmile" src="happysmile.png"></span> 
    <span id="refreshbuttn"><img alt="refreshbuttn" src="refreshbuttn.png"></span> 
</div> 

<div id="topDatum"></div> 

<script type="text/javascript"> 
    document.getElementById('refreshbuttn').onclick = function() { 
     var mynewdate = new Date(); 
     document.getElementById('topDatum').innerHTML = mynewdate.getMilliseconds(); 
    } 
</script> 

：

例refreshbuttn。日付オブジェクトを作成し、IDがtopDatumの要素を取得し、innerHTMLをmynewdate.getMilliseconds()の値に設定するハンドラをonclickハンドラに与えます。

Answer 2

あなたはでは、次を使用することができますjQueryのを使用している場合：

$("#refreshbuttn").click(function(){ 
    var mynewdate = new Date(); 
    $("#topDatum").html(mynewdate.getMilliseconds()); 
}); 

それは、IDを持つオブジェクトをクリックためrefreshbuttn（この場合、オブジェクトはrefreshbuttnスパンで）聞いてます。
それは新しい日付を取得します。
が、それはID新しいミリからtopDatumでオブジェクトのHTMLを設定します（この場合にはオブジェクトがtopDatum DIVです）。

​​

Answer 3

これは、あなたが始めるのに役立つかもしれない：http://jsbin.com/iwebo4/edit。

function updateMilliseconds() { 
    if (document.getElementById('hello')) { 
    document.getElementById('hello').innerHTML 
     = new Date().getMilliseconds(); 
    } 
} 

updateMilliseconds();​