Javascipt学习问题div id的问题

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DateJs.aspx.cs" Inherits="LinqDatabaseExercise.DateJs" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>    <script type="text/javascript" language="javascript">
        function DisplayDate() {
            var date = new Date();
            var hour = date.getHours();
            var minute = date.getMinutes();
            var second = date.getSeconds();
            //在如果分秒小于10前面需加零
            minute = UpdateMinOrSec(minute);
            second = UpdateMinOrSec(second);
            document.getElementById("date").innerHTML = hour + ":" + minute + ":" + second;
            temp = setTimeout("DisplayDate()", 1000);
        }        function UpdateMinOrSec(param) {
            if (param < 10) {
                param = "0" + param;
            }
            return param;
        }
    </script></head>
<body>
    <form id="form1" runat="server">
    <div id="date">
        <asp:Button ID="btnDisplayDate" runat="server" Text="显示时间" OnClientClick="DisplayDate()" />
    </div>
    </form>
</body>
</html>
这样能显示时间，但为什么我把id="date"放在另外个div里面就不行呢，是不是和Postback有关系,如果是回发的问题那放在一个div里为什么就可以呢，求大牛解惑~

解决方案 »

  1.   

    你把  <asp:Button ID="btnDisplayDate" runat="server" Text="显示时间" OnClientClick="DisplayDate()" />
    换成 <input type="button" onclick="DisplayDate();" value="显示时间" />试试初学JS的，最好新建个HTML来弄，以免和服务器控件搞混
      

  2.   

    这个没换也是可以显示结果的嘛~我换成了<input>的形式但是还是不可以放在不能把结果放在另外个div里我想知道下原因，谢谢大牛啦~
      

  3.   


    document.getElementById("date").innerHTML = hour + ":" + minute + ":" + second;
    这段代码运行后，div中的<asp:Button 控件就没有了，只有上面的时间了
      

  4.   

    那不可以写成下面这样吗
    <body>
      <form id="form1" runat="server">
      <div>
      <asp:Button ID="btnDisplayDate" runat="server" Text="显示时间" OnClientClick="DisplayDate()" />
      </div>
    <div id="date">
    </div>
      </form>
    </body>
    我显示在另外个div为什么不行呢?每次按钮一按好像就出现一瞬间就消失了~
      

  5.   

      <form id="form1" runat="server">
    <input type="button" onclick="DisplayDate();" value="显示时间" />
    <div id="date">  </div>
      </form>
    没有问题啊