javascript - js,有几行代码不太明白?
女神的闺蜜爱上我
女神的闺蜜爱上我 2017-07-05 11:00:28
[JavaScript讨论组]


        控制p属性
        
        
    

    
        

1.为什么要逻辑运算?
2.this.index 与 op.style.cssText之间是怎么样的关系,能简单说一下吗?

女神的闺蜜爱上我
女神的闺蜜爱上我

全部回复(2)
某草草

那句的意思是:如果点击的按钮是“重置”,则把 p1 元素的 cssText 清空。也就是重置了 p1 元素的初始状态(没有 style 值)。

&& 运算是从左向右执行的,只有当左边表达式为真时,才执行右边的表达式。在这里既当 this.index == oBtn.length - 1,也就是点击的是最后一个按钮时,执行 op.style.cssText = ""

这种写法不值得提倡,阅读性很差,不是一个好的写法。正常的写法是:

if(this.index === oBtn.length - 1) {
  op.style.cssText = ""
}

this.index 就是保存了按钮的序号,用于判断点击的是哪个按钮。在这里不能直接用 i 来表示,这是 JavaScript 一个著名的缺陷。

为情所困
this.index == oBtn.length - 1 && (op.style.cssText = "");

表示:如果是最后一个btn的话,就执行后面的代码(op.style.cssText = ""),即清除样式

a==b&&code...

相当于if(a==b){code....}

个人不太喜欢这种写法。

2.this.index 与 op.style.cssText之间是怎么样的关系

this.index 是按钮的序号
op.style.cssText = ""表示清除op的样式。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号