关于传统的通过布尔值去改变classname的方法

来源:4-4 video-javascript(1)

键盘f11

2020-10-28 10:32:14

# 具体遇到的问题

http://img.mukewang.com/climg/5f98d68d097ebfac01870030.jpg

http://img.mukewang.com/climg/5f98d68d09e7192705960366.jpg

http://img.mukewang.com/climg/5f98d68d09becdf604740498.jpg

http://img.mukewang.com/climg/5f98d68e09bdcf4d03900434.jpg


# 报错信息的截图
老师,您好,关于视频切换需要播放使用用的传统布尔值的方法,有一些小问题,

首先定义了var PlayBln = true; 是否只是限制于正反两面两种情况(视频的开和关),当视频关闭的时候,PlayBln =true ,当视频处于播放状态的时候,PlayBln =false; 

其中 PlayNode.onclick = function() 函数中  这句PlayBln = !PlayBln; 是什么意思呢?好像是true=!true 因为PlayBln 起始定义是true ,这句代码的作用是什么呢?

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)


//FullNode 全屏按钮

var PlayNode = document.getElementsByClassName('playNode')[0],

VideoNode = document.getElementsByClassName('videoNode')[0],

FullNode = document.querySelector('.fullNode'),

PlayBln = true;


//播放、暂停的事件

PlayNode.onclick = function(){

//传统的通过布尔值去改变classname的方法

PlayBln = !PlayBln;

if(PlayBln == false){

this.className = 'pauseNode';

VideoNode.play();


}

else{

this.className = 'playNode';

VideoNode.pause();

}

//console.log(1);

//console.log(PlayNode.classList);

//可以使用classList.toggle方法来切换

//this.classList.toggle('pauseNode');

};

​在这里输入代码,可通过选择【代码语言】突出显示

写回答

1回答

好帮手慕久久

2020-10-28

同学你好,问题解答如下:

  1.  PlayBln只有两个值,true或false,所以播放状态只有两种。视频关闭时,PlayBln=true;播放时,PlayBln=false,同学理解正确。

  2. playBln =!playBln;”是赋值语句,即:给playBln 赋值为!playBln。假如之前playBln是true,那么点击后,就会把playBln赋值为!playBln=false,此时playBln的值就变成了false,这样就实现了状态切换。

祝学习愉快!

0

0 学习 · 6815 问题

查看课程