javascript关于getElementById

    新装了系统，写了个测试页：
<html>
<head>
<title>test</title>
<script type="text/javascript">
function do(){
    var message=document.getElementById('msg').value;
    document.getElementById('div1').innerText=message;
}
</script>
</head>
<body>
<form action="" method="post">
<input type="text" name="msg" id="msg" />
<input type="button" name="btn" id="btn" value="Done" onclick="do()" />
</form>
<div name="div1" id="div1">
</div>
</body>
</html>
页面加载后状态栏显示页面有错误，按钮也没作用。getElementById也不起作用。以前就遇到过这个问题，当时安了个调试js的软件发现getElementById正常了，也就没管了。大家都知道要ajax中，getElementById是必不可少的。可现在它却罢了工。大家说说getElementById是不是还要专门下一个什么东西才能使用。
有一个疑问：如果是要下一个支持文件的话，为什么同一台机子访问别的网页（getEl...）就行，我的就不行；如果不用下，那么我的又是哪里出问题了，请大家解惑。

解决方案 »

  1.   

    <html>
    <head>
    <title>test</title>
    <script type="text/javascript">
    function test(){//命名不要和关键字冲突
      var message=document.getElementById('msg').value;
      document.getElementById('div1').innerHTML=message;//innerText不兼容火狐
    }
    </script>
    </head>
    <body>
    <form action="" method="post">
    <input type="text" name="msg" id="msg" />
    <input type="button" name="btn" id="btn" value="Done" onclick="test()" />
    </form>
    <div name="div1" id="div1">
    </div>
    </body>
    </html>
      

  2.   

    <script src='jquery.js'></script>
    <script>
    function test()
    {
    $("#div1").html('message');  //这样不省事吗？
    }
    </script>
      

  3.   

    代码有一个语法错误
    就是使用了javascript的保留字do，
    break delete function return typeof 
    case do if switch var 
    catch else in this void 
    continue false instanceof throw while 
    debugger finally new true with 
    default for null try   
    保留字是不能作为变量或者函数名的
      

  4.   

    呵呵。我也碰到过，郁闷到死，写了N多javascript,怎么会出现这种问题呢？你当时也是这么想的吧。
      

  5.   

    <html>
    <head>
    <title>test</title></head>
    <body>
    <form action="" method="post">
    <input type="text" name="msg" id="msg" />
    <input type="button" name="btn" id="btn" value="Done" onclick="do()" />
    </form>
    <div name="div1" id="div1">
    </div>
    </body>
    </html>
    <script type="text/javascript">
    function do(){
      var message=document.getElementById('msg').value;
      document.getElementById('div1').innerText=message;
    }
    </script>
     一看就知道是dom没有装载完的问题..把脚本放在最下面就晓得了..只是猜测.,
      

  6.   

    顶jquery....
    楼主看看资料就会写的...三分钟...