这句话哪里写的有问题?

发布于 2022-09-03 12:15:35 字数 1534 浏览 6 评论 0

就是想点击这个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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

遗失的美好 2022-09-10 12:15:35

id="btn3" 前面有一个全角空格(或是其他的东西)

べ繥欢鉨o。 2022-09-10 12:15:35

貌似没有看出什么问题哈。。。先睡个午觉下午再看,document.get那的单引号没问题吧,,,

迷荒 2022-09-10 12:15:35

oBtn3在哪里定义的?
oSm在哪里定义的?

骑趴 2022-09-10 12:15:35

可以用addEventListener去绑定事件
var oBtn3 = document.getElementById("Btn");
oBtn3.addEventListener("click", function(){
});

楠木可依 2022-09-10 12:15:35

楼主button中怎么放了那么多的span???这是来做什么???

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文