我有一个下拉菜单，我想要的是，当下拉菜单发生变化时，以前隐藏的<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>
最佳答案
您有getElementByID，而实际方法是getElementById
<script type="text/javascript">
function showdiv() {
document.getElementById("DIV1").style.display = "inline-block";
}
</script>
关于javascript - getelementbyid没有方法，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8496409/