getelementbyid沒有方法

我有一個下拉菜單，我想要的是，當下拉變化時，顯示一個以前隱藏的<div>。不過，我不斷收到一個錯誤信息：getelementbyid沒有方法

uncaught typerror:object #<HTML Document> has no method 'getElementByID'

這裏是代碼

<!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>landing3</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<script type="text/javascript"> 
function showdiv() { 
document.getElementByID("DIV1").style.display = "inline-block"; 
} 
</script> 
</head> 
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 

     <select id="awf_field-28500717" name="custom Country" tabindex="503" onChange="showdiv()"> 
     <option class="multiChoice" value="United States">United States</option> 
     <option class="multiChoice" value="Canada">Canada</option> 
     <option class="multiChoice" value="United Kingdom">United Kingdom</option> 
     <option class="multiChoice" value="Australia">Australia</option> 
     <option selected>Select</option> 
     </select> 

    <div id="DIV1" name="DIV1" style="display:none;"> 
    Test 
    </div> 
</body> 
</html>

來源

2011-12-13 Moe Moreno

你有getElementByID而實際的方法是getElementById

<script type="text/javascript"> 
    function showdiv() { 
    document.getElementById("DIV1").style.display = "inline-block"; 
    } 
</script>

來源

2011-12-13 21:32:42

要澄清的一點是JavaScript標識符區分大小寫，函數的名稱是`getElementById`而不是`getElementByID`。 – lonesomeday 2011-12-13 21:34:20

<!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>landing3</title> 
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 

    </head> 
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 

      <select id="awf_field-28500717" name="custom Country" tabindex="503" onChange="showdiv()"> 
      <option class="multiChoice" value="United States">United States</option> 
      <option class="multiChoice" value="Canada">Canada</option> 
      <option class="multiChoice" value="United Kingdom">United Kingdom</option> 
      <option class="multiChoice" value="Australia">Australia</option> 
      <option selected>Select</option> 
      </select> 

     <div id="DIV1" name="DIV1" style="display:none;"> 
     Test 
     </div> 
    </body> 
<script type="text/javascript"> 
    function showdiv() { 
    document.getElementById("DIV1").style.display = "inline-block"; 
    } 
    </script> 
    </html>

來源

2011-12-13 21:35:09 danludwig

getelementbyid沒有方法

回答

相關問題