如何在td里动态写东西

Question

给这个地方一个id,然后document.getElementID(id).innerHTML=time; 

Answer 1

用DOM方法可以写在任何地方。

Answer 2

给这个地方一个id,然后document.getElementByID(id).innerHTML=time;  然后 setTimeout 更新这个地方注意书写规范嘿嘿

Answer 3

谢谢各位. 
实践证明. 可以写到想要写的地方, 在一个单独的html文件里测试这个函数, 一点问题都没有. 但是集成到某个页面的时候就产生了问题, 问题如下:
click一下, 显示的时间就是在页面上一闪而过. 而想要的效果是, 时间一直显示在某个地方. 实现思路如下:1.为table里的某个td, 赋值为usr1_time
2. 在之后, 实现显示时间的函数, 比如为ShowDate(),
3. 把一个image 的click事件赋值为ShowDate()在IE里还是在FF里都产生我上面所讲的问题, 估计是HTML的某个属性设置的不对, 
我把相关代码复制上来, 敬请有经验的人士给我指点一下, 我把出问题的地方:           <table id="player1">
             <tr>
                 <td align="center">
                     Player One Information
                    </td>
                </tr>
                <tr>
                 <td align="left">Name:</td>
                </tr>
                <tr>
                 <td align="left">Age:</td>
                </tr>
                <tr>
                 <td align="left">Sex:</td>
                </tr>
                <tr>
                 <td id="usr1_time" align="left">Time:</td>                </tr>
                <tr>
                 <td align="left">Points:</td>
                </tr>
            </table>
            </td>
            <td align="right"><input type="image" src="musicbuttonright.jpg" onmouseover="this.src='musicbuttonrightonclick.jpg';" onmouseout="this.src='musicbuttonright.jpg';"/> </td>
            <td align="center" > Music Id</td>
            <td align="left"><input type="image" src="musicbuttonleft.jpg" onmouseover="this.src='musicbuttonleftonclick.jpg';" onmouseout="this.src='musicbuttonleft.jpg';"/></td>
            
            <td align="right">
            <table id="player2">
             <tr>
                 <td align="center">
                     Player Two Information
                    </td>
                </tr>
                <tr>
                 <td align="left">Name:</td>
                </tr>
                <tr>
                 <td align="left">Age:</td>
                </tr>
                <tr>
                 <td align="left">Sex:</td>
                </tr>
                <tr>
                 <td align="left">Time:</td>
                </tr>
                <tr>
                 <td align="left">Points:</td>
                </tr>
            </table>
            </td>
        </tr>
<script language="javascript" type="text/javascript">

var tempDate = new Date();

function showDate()
{ 

var nowDate=new Date();
 
    var temp=parseInt((nowDate-tempDate)/1000);

var StrSeconds=temp%60 
temp=parseInt(temp/60) 

var strMinute=temp%60 
temp=parseInt(temp/60) 

var strHour=temp%24 
temp=parseInt(temp/24)

alert("222");
document.getElementById("usr1_time").innerHTML = ("Time: "+strHour+":"+strMinute+":"+StrSeconds);
setTimeout("showDate()",1000) 
}

function game_start() {
   alert("11111");
showDate();
}
</script>
        <tr>
         <td align="left"> Current Player </td>
            <td colspan="2" align="center"> <input type="image" src="pause.jpg" onmouseover="this.src='pauseMouseOver.jpg';" onmouseout="this.src='pause.jpg';"/>
            <td align="center"> <input type="image" src="START.png" onclick="game_start()" />

Answer 4

我想了一下, 因为click只是trigger了程序的一次运行, 所以只显示了一下时间.
而我实际上想要的效果是, click trigger程序的运行, 并且程序一直在那里运行下去, 不确定SetTimeout是否就有个这个功能.我想应该是.请指点迷津.