qq_40805263 2018-10-13 08:44 采纳率: 0%
浏览 860
已采纳

js为什么点击图片，图片切换不了



<body>
  <div></div>
  <script>
  var div=document.getElementsByTagName('div')[0];
  div.style.backgroundColor="green";
 div.style.height="100px";
 div.style.width="100px";
var count=true;
  div.onclick=function(){

if(count=true){
     this.style.backgroundColor="red";
     this.style.width="200px";
     this.style.height="200px";
     this.style.borderRadius="50%";
     count=false;

}
if(count=false)
      {
          this.style.backgroundColor="green";
 this.style.height="100px";
 this.style.width="100px";
 count=true;

      }
  }

    </script>

 </body>



我点击了一下图片，用控制台查看时，count的值确实由true转为false了，但是为什么再点时图片切换不了，不懂哪里错了。
  • 写回答

1条回答 默认 最新

  • 斯洛文尼亚旅游 2018-10-13 09:02
    关注

    if中的=改为==，=是赋值了，点击后最后的if就是给count赋值为false，无法再改了

    if(count=true){
    ==>>
    if(count==true){

    if(count=false)
    ===>
    if(count==false)

    而且你应该改为if else结构。。二个并列的if语句，上面为改为false后又执行一次false判断为真又改回true了 

    

<body>
  <div></div>
  <script>
  var div=document.getElementsByTagName('div')[0];
  div.style.backgroundColor="green";
 div.style.height="100px";
 div.style.width="100px";
var count=true;
  div.onclick=function(){

if(count==true){
     this.style.backgroundColor="red";
     this.style.width="200px";
     this.style.height="200px";
     this.style.borderRadius="50%";
     count=false;

}
else
      {
          this.style.backgroundColor="green";
 this.style.height="100px";
 this.style.width="100px";
 count=true;

      }console.log(count)
  }

    </script>

 </body>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

悬赏问题

  • ¥15 DS18B20内部ADC模数转换器
  • ¥15 做个有关计算的小程序
  • ¥15 MPI读取tif文件无法正常给各进程分配路径
  • ¥15 如何用MATLAB实现以下三个公式（有相互嵌套）
  • ¥30 关于#算法#的问题：运用EViews第九版本进行一系列计量经济学的时间数列数据回归分析预测问题 求各位帮我解答一下
  • ¥15 setInterval 页面闪烁，怎么解决
  • ¥15 如何让企业微信机器人实现消息汇总整合
  • ¥50 关于#ui#的问题：做yolov8的ui界面出现的问题
  • ¥15 如何用Python爬取各高校教师公开的教育和工作经历
  • ¥15 TLE9879QXA40 电机驱动