请教高手！关于使用DOM改变文档颜色。

      <html>
<head>
<title>状态栏显示时间</title>
<script type="text/javascript">
          function changeColor()
         {
          document.body.bgColor="blue";
          document.getElementById("hll").innerText="
          文档背景变成黄色了";
            }
</script>
</head>
<body onclick="changeColor()">
   <h1 id="hll">点击按钮文档，改变颜色！</h1>
   <form name="myform">
   <input type="button" value="确定" onclick="changeColor()">
</form>        
</body>
</html>
      以上代码哪里出错了？为何点击按钮后无法改变背景颜色？

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>状态栏显示时间</title>
    <script type="text/javascript">
      function changeColor()
      {
       document.body.style.backgroundColor = "yellow";
       document.getElementById("hll").innerText="文档背景变成黄色了";
      }
    </script>
    </head>
    <body onclick="changeColor()">
      <h1 id="hll">点击按钮文档，改变颜色！</h1>
      <form name="myform">
      <input type="button" value="确定" onclick="changeColor()">
    </form>   
    </body>
    </html>
      

  2.   

    ff下function changeColor()
      {
      document.body.bgColor="blue";
      document.getElementById("hll").innerHTML="文档背景变成黄色了";
      }在ie6下不用改
      

  3.   


    js中是这样用的document.body.style.backgroundColor
    感觉你对js不是很熟悉，下一个js的chm文档看看。不懂的搜索，查下就知道了。
      

  4.   

    黄？明明是蓝色嘛
    晃死我了 
    一开始运行报错了，未结束的字符串常量
    字符串中间不可以换行的，这里
      document.getElementById("hll").innerText="
      文档背景变成黄色了";
    <html>
    <head>
    <title>状态栏显示时间</title>
    <script type="text/javascript">
      function changeColor()
      {
      document.body.bgColor="blue";
      document.getElementById("hll").innerText="文档背景变成黄色了";//这里不能换行
      }
    </script>
    </head>
    <body onclick="changeColor()">
      <h1 id="hll">点击按钮文档，改变颜色！</h1>
      <form name="myform">
      <input type="button" value="确定" onclick="changeColor()">
    </form>   
    </body>
    </html>
      

  5.   

    谢谢！知道了！还有楼上所说的chm 谢谢指教。
      弄好了！