javascript - 如何使用 JavaScript 更改 CSS 属性

Question

我想使用 JavaScript 更改类的 CSS 属性。我真正想要的是 <div>悬停，另一个<div>应该变得可见。

.left,
.right {
  margin: 10px;
  float: left;
  border: 1px solid red;
  height: 60px;
  width: 60px
}

.left:hover,
.right:hover {
  border: 1px solid blue;
}

.center {
  float: left;
  height: 60px;
  width: 160px
}

.center .left1,
.center .right1 {
  margin: 10px;
  float: left;
  border: 1px solid green;
  height: 60px;
  width: 58px;
  display: none;
}

<div class="left">
  Hello
</div>
<div class="center">
  <div class="left1">
    Bye
  </div>
  <div class="right1">
    Bye1
  </div>
</div>
<div class="right">
  Hello2
</div>

当 hello1 div 悬停时，bye1 div 应该可见，类似地，当 hello2 悬停时，bye2 应该出现。

Answer 1

您可以为此使用style 属性。例如，如果你想改变边框 -

document.elm.style.border = "3px solid #FF0000";

类似的颜色 -

 document.getElementById("p2").style.color="blue";

最好的事情是你定义一个类并执行此操作 -

document.getElementById("p2").className = "类名";

(必须相应地考虑跨浏览器工件)。