关于传统的通过布尔值去改变classname的方法
来源:4-4 video-javascript(1)
键盘f11
2020-10-28 10:32:14
# 具体遇到的问题




# 报错信息的截图
老师,您好,关于视频切换需要播放使用用的传统布尔值的方法,有一些小问题,
首先定义了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回答
同学你好,问题解答如下:
PlayBln只有两个值,true或false,所以播放状态只有两种。视频关闭时,PlayBln=true;播放时,PlayBln=false,同学理解正确。
“playBln =!playBln;”是赋值语句,即:给playBln 赋值为!playBln。假如之前playBln是true,那么点击后,就会把playBln赋值为!playBln=false,此时playBln的值就变成了false,这样就实现了状态切换。
祝学习愉快!
相似问题