html中的动态显示为什么必须放在div中,不能直接在页面显示?

例如动态显示时间案例.必须先创建一个div然后再将要显示的时间放进div中,而不能直接在页面上显示,我感觉我这思路也没有错呀!

原因很简单。document.write会最先显示在页面上。如下:

<!DOCTYPE html>
<html>
<head>
  <title>ss</title>
  <script type="text/javascript">
    document.write('时间');
  </script>
</head>
<body>
<p>段落1</p>
<p>我要在这里放时间</p>
<p>段落2</p>
</body>
</html>

这里的"时间"不会出现在第二个p标签这里,而是会出现在第一个p标签"段落1"之前。如果你要把"时间"放在确定位置的话,那你不可避免的要用getElementById()这种DOM操作方法实现啦。

PS:还在用DW,快换一个IDE, Sublime text, vscode, webstorm都比这个好啊。

温馨提示:答案为网友推荐,仅供参考
相似回答