У getelementbyid нет метода - PullRequest
Новая
       4

У getelementbyid нет метода

2 голосов
/ 14 декабря 2011

У меня есть раскрывающееся меню, и мне хотелось бы, чтобы при изменении в раскрывающемся списке отображалось <div>, которое ранее было скрыто.Но я получаю сообщение об ошибке: 

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>

Ответы [ 2 ]

11 голосов
/ 14 декабря 2011

У вас есть getElementByID, а фактический метод - getElementById

<script type="text/javascript">
  function showdiv() {
    document.getElementById("DIV1").style.display = "inline-block";
   }
</script>
0 голосов
/ 14 декабря 2011 
    <!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>
...