javascript - 如何在JavaScript条件语句中添加CSS的“left”属性？

This question already has answers here:

How do you add CSS with Javascript?

                                    （14个回答）


                                4年前关闭。


我试图在我的javascript代码中包含一个css“ left”属性，以便如果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>

最佳答案

好了，您要使用=运算符设置属性值，您想使用==运算符。在某些罕见的异常情况下（我似乎无法想到），您可以在if语句中进行赋值，但是设置对象的属性将在JS中返回真实值，因此总会到达该分支。

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