Question

我正在尝试检查名为left的{{1}}的{{1}} css属性是否等于div，然后如果等于true，则更改{{ 1}}另一个#right 0%到display的属性。

我知道要使用以下函数获取CSS样式：

div

但我无法弄清楚如何始终运行此函数，以便只要左边的样式等于#menu，然后隐藏菜单div。

我尝试了很多方法，似乎无法让它发挥作用。也许有更好的方法来实现这一目标。

非常感谢任何帮助。谢谢！

Answer 1

第1步：创建一个功能

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或任何影响内容的函数）页）

Answer 2

要想更广泛，只需使用 getComputedStyle（）函数即可。它返回CSS属性值为element的字符串：

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

Javascript：如何检查CSS样式然后更改另一种CSS样式？

2 个答案: