javascript - Javascript：如何检查一个 CSS 样式，然后更改另一个 CSS 样式？

Question

我正在尝试检查命名的leftcss 属性是否等于，然后如果等于 true，则将另一个命名的属性更改为.div#right0%displaydiv#menu'none'

我知道要获得 CSS 样式，您可以使用以下函数：

document.getElementById("right").style.left = '0%'

但我不知道如何始终运行此功能，以便在左侧样式等于0%时，隐藏菜单 div。

我已经尝试了很多方法来做到这一点，但似乎无法让它发挥作用。也许有更好的方法来实现这一点。

任何帮助将不胜感激。谢谢！

Answer 1

要更广泛地思考，只需使用getComputedStyle()函数。它返回带有元素 CSS 属性值的字符串：

console.log(getComputedStyle(someElement).opacity) //0.5
console.log(getComputedStyle(someElement).width) //47px
//and on, and on…

Answer 2

第一步：创建函数

function setMenuDisplay() {
  var right = document.getElementById("right");
  var menu = document.getElementById("menu");
  menu.style.display = right.offsetLeft ? "block" : "none";
}

第 2 步#right：在任何可以更改属性left（window.onload、window.onresize 或任何影响页面内容的函数）的情况下调用此函数