这句话哪里写的有问题?
就是想点击这个btn3让这个oSm的div显示出来 为什么写上这句话后就报错啊 点击后也显示不出来
Uncaught TypeError: Cannot set property 'onclick' of null
<link href="bootstrap.css" rel="stylesheet">
<script src="jquery.min.js"></script>
<script src="bootstrap.js"></script>
<style type="text/css">
#sm{display: none;width: 100px;height: 100px;background-color: blue;}
@media(max-width:768px){
#sm{display: none;}
}
</style>
<script type="text/javascript">
window.onload=function(){
var oBtn3=document.getElementById('btn3');
var oSm=document.getElementById('sm');
oBtn3.onclick=function(){
oSm.style.display="block";
}
}
</script>
</head>
<body style="position: relative;">
<nav class="navbar navbar-default fix-top" style="background-color: #fff">
<div class="container nav">
<div class="navbar-header">
<button type="button" class="navbar-toggle" id="btn3">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand">W3Cschool</a>
</div>
</div>
</nav>
<div id="sm">
aaaaaaaa
</div>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
id="btn3" 前面有一个全角空格(或是其他的东西)
貌似没有看出什么问题哈。。。先睡个午觉下午再看,document.get那的单引号没问题吧,,,
oBtn3在哪里定义的?
oSm在哪里定义的?
可以用addEventListener去绑定事件
var oBtn3 = document.getElementById("Btn");
oBtn3.addEventListener("click", function(){
});
楼主button中怎么放了那么多的span???这是来做什么???