document未定义？

<html>
<header>
<title>JavaScript测试</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</header>
<body OnLoad="loadform()">
<form name=f   method=post>
     <SELECT id=sel_cats style="WIDTH: 250px; HEIGHT: 100px" multiple size=5 name=sel_cats[]>
     <INPUT class=button  type=submit value=Import name=import>

</SELECT>
</form><script Language="JavaScript">
function loadform(){
var oOption = Document.createElement("OPTION");
Document.GetElementById(sel_cats).options.add(oOption);
oOption.innerText = "Two";
oOption.value = "2";
}
</script></body>
</html>我写了个很简单的网页， 怎么提示我 document  没有定义呢？

解决方案 »

  1.   

    <html>
    <header>
    <title>JavaScript测试 </title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </header>
    <body OnLoad="loadform()">
    <form name=f  method=post>
        <SELECT id="sel_cats" style="WIDTH: 250px; HEIGHT: 100px" multiple size=5 name=sel_cats[]>
        <INPUT class=button  type=submit value=Import name=import></SELECT>
    </form><script Language="JavaScript">
    function loadform(){
    var oOption = document.createElement("OPTION");
    document.getElementById(sel_cats).options.add(oOption);
    oOption.innerText = "Two";
    oOption.value = "2";
    }
    </script></body>
    </html> 
      

  2.   

    document.getElementById("sel_cats").options.add(oOption); 
      

  3.   

    <script Language="JavaScript">
    function loadform(){
    var oOption = document.createElement("OPTION");
    document.getElementById('sel_cats').options.add(oOption);
    oOption.innerText = "Two";
    oOption.value = "2";
    }
    </script>
      

  4.   

    document.getElementById()的参数是你的控件的名字，字符串形式，得用引号。
      

  5.   

    Javascript里一定要区分大小写吗？