你如何添加CSS' left' JavaScript条件语句中的属性?

时间:2015-07-09 02:43:24

标签: javascript html css

我试图包括一个css" left"属性到我的javascript代码,这样如果css文件中的left属性与javascript代码中的左属性匹配,则会发生某个操作。任何帮助将不胜感激。 HTML代码是:

<!DOCTYPE HTML>
<html>
<head></head>
<body>

<button id = "myBtn">MyButton<button>

<p id= "demo"></p>

</body>
</html>

CSS代码是:

#myBtn {
   position: absolute;
   left: 100px;
}

脚本代码是:

<script>
if (document.getElementById("myBtn").style.left == "100px") {
   actionX //this is just an example
   }
document.getElementById("demo").innerHTML = actionX;
</script>

1 个答案:

答案 0 :(得分:0)

您正在使用=运算符设置属性值,您想要使用==运算符。在一些我似乎无法想到的罕见异常情况中,你会在if语句中进行赋值,但是设置对象的属性将在JS中返回一个truthy值,因此总是会到达分支。 / p>

if (document.getElementById("demo").style.left == "100px") {
    actionX (just an example) 
}