关于javascript用if语句写一个块移transform产生的问题

时间:2020-10-20作者:klpeng分类:JS/Shell浏览:233评论:0

首先写一个简单的块

<button onclick="changeXY()">移动</button><div id="box1"></div>

然后

#box1{width: 500px;height: 500px;background-color: blue;}

最后写js if语句

function changeXY() {var aDiv=document.getElementById('box1');if (aDiv.style.transform=='translate(300px,0px)'){aDiv.style.transform='translate(-300px,0)';}else{aDiv.style.transform='translate(300px,0px)';}}

虽然这样写理论上是对的,在写完毕之后按button却只能执行'translate(300px,0px)'这一句,在查看F12上面显示
aDiv.style.transform=‘translate(-300px, 0)’;这一句压根没生效。

在各种使用方法和询问的得出了原因:这是它浏览器生成的一个固定写法,在中间会有一个小小的空格

function changeXY() {var aDiv=document.getElementById('box1');if (aDiv.style.transform=='translate(300px, 0px)'){aDiv.style.transform='translate(-300px, 0)';}else{aDiv.style.transform='translate(300px, 0px)';}}

'translate(300px,0px)'在300px逗号, 后面加一个空格就能完全的执行if语句

打赏
文章版权声明:除非注明,否则均为彭超的博客原创文章,转载或复制请以超链接形式并注明出处。
相关推荐

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

猜你喜欢