如何动态显示文本，JavaScript不是控件中，就是在body中

比如按了一个按钮，然后要动态的输出一些提示信息，不能在alert中，不能在控件中，就是显示在一个标签中，比如
<p>在这里显示</p>或者
<div>在这里显示</div>

解决方案 »

  1.   


    <div id="test"></div>
    <script type="text/javascript">
    setInterval(function(){
    document.getElementById("test").innerHTML = (new Date());
    },100);
    </script>
      

  2.   

    L@_@K
    <!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>
      <title> new document </title>
      <meta name="generator" content="editplus" />
      <meta name="author" content="" />
      <meta name="keywords" content="" />
      <meta name="description" content="" />
     </head> <body>
    <p id="p1">在这里显示 </p><input type="button" value="click me1" onclick="document.getElementById('p1').innerHTML='p1 Content!'" />
    <div id="div1">在这里显示</div><input type="button" value="click me2" onclick="document.getElementById('div1').innerHTML='div1 Content!'" />
     </body>
    </html>
      

  3.   

    发现个问题，第一行的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">会让这个方法失效。
    transitional换成strict另外，id不能是数字，这样会被解析成数字索引。比如<div id="0"></div>使用document.all("0")索引就不行。
      

  4.   

    id为数字本来就不合法
    尽量少用document.all