更改css宽度的Javascript代码无法正常工作

时间:2017-12-04 17:50:52

标签: javascript jquery html css

使用javascript在css代码中更改类的简单代码不起作用。我给出的宽度为200px。然后我想将宽度更改为50px。我想用javascript代码来改变宽度。但它没有用。



document.getElementsByClassName("main").style.width = "50px";

.main {
  width: 200px;
  height: 200px;
  background-color: red;
}

<div class="main"></div>
&#13;
&#13;
&#13;

小提琴:https://jsfiddle.net/33zc0efq/

1 个答案:

答案 0 :(得分:2)

document.getElementsByClassName返回一个对象数组,因此您需要为其指定索引。将其更改为document.getElementsByClassName("main")[0].style.width="50px";

document.getElementsByClassName("main")[0].style.width="50px";
.main{
  width:200px;
  height:200px;
  background-color:red;
}
<div class="main">
</div>