使用JavaScript,如何根据另一个元素的CSS样式更改一个元素的CSS样式?

时间:2017-09-09 03:42:47

标签: javascript css conditional

我正在尝试根据另一个div的不透明度/可见性来更改一个div的高度。看起来这应该很简单,但我尝试的任何东西似乎都不起作用。

我原以为它会像这样:

{{1}}

但这只会改变不透明度和高度,而不会实际检查不透明度的开始。

任何关于如何实现我所追求的功能的建议都将非常感谢!

2 个答案:

答案 0 :(得分:0)

使用getComputedStyle -

  

getComputedStyle()方法获取所有实际(计算)的CSS   属性和指定元素的值。



permnos.iloc[5:9, 0]

var red = document.getElementById("red");
var rd = window.getComputedStyle(red).getPropertyValue("opacity");
var green = document.getElementById("green");
if (rd == 0) {
  green.style.height = "200px";
}

#red {
  width: 50px;
  height: 50px;
  background: red;
  opacity: 0;
}

#green {
  width: 50px;
  height: 50px;
  background: green;
}




答案 1 :(得分:-1)

您似乎明确设置了不透明度。以下代码应该有效:

console.ReadLine