关于document.getElementById("clock").value = time; 有个问题

来源:8-4 取消计时器clearInterval()

慕粉2203123783

2017-04-09 17:19

document.getElementById("clock").value = time;   是不是解释为将获取到的系统时间time=new Date();显示在元素id为clock的地方。那为何下段代码不能使文本框显示出当前电脑时间?

<head>

<script type="text/javascript">

    var time=new Date();                

    document.getElementById("clock").value = time;

    document.write(time);

</script>

</head>

<body>

  <form>

    <input type="text" id="clock" size="50"  />

  </form>

</body>


写回答 关注

1回答

  • 慕数据2145735
    2017-04-09 18:01:04
    已采纳

    你把script 标签的内容放在body在下面就可以了,代码的解析是从上到下解析的,当解析到 document.getElementById("clock")时,下面的DOM树状节点还没被解析出来,这样就是获取不到节点的

    </head>

    <body>

      <form>

       <input type="text" id="clock" size="50"  />

      </form>

    </body>

    <script type="text/javascript">

        var time=new Date();                

        document.getElementById("clock").value = time;

        document.write(time);

    </script>


    慕粉2203...

    试了下,的确可以了 不过,也试了下,把script标签放到了body里面的末尾位置,也就是form标签下面也可以,反正原理应该就是你说的那个意思~

    2017-04-09 20:59:35

    共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题