猿问

JS新手咨询

各位帮忙看一下,我点击显示按钮,不显示我设置的DIV样式,代码我测了下没有问题啊 ,为什么就是不出来效果 

<!DOCTYPE HTML>

<html>

<head>

  <title>随手练习</title>

  <meta charset="utf-8">

  <style>

  div { background:yellow;width:200px;height:300px;display:none;}

    </style>

    


</head>

<body> 

<input id="show" type="button" value="显示" />

<input id="hide" type="button" value="隐藏" />

<div id="div1"></div>

    

<script type="text/javascript">

    window.onload = function (){

  var show1 = document.getElementById("show");

var hide1 = document.getElementById("hide");

var div1 = document.getElementById("div");

 

show1.onclick = function (){

  div1.style.display = "block";

div1.style.background = "red";

};

hide1.onclick = function (){

   div1.style.display = "none";

};

};

</script>



</body>

</html>


慕粉1470498377
浏览 1782回答 4
4回答

我們

var div1 = document.getElementById("div");少了个1吧...

慕标2337738

哦,没看见后面的代码 我测了下你的代码没问题,div也显示出来了,我用的myecplise10

慕标2337738

没有绑定事件,就是div 与你的button之间没有联系,加个绑定事件 js,或者用超链接<a herf+......... 
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答