使用javascript在css代码中更改类的简单代码不起作用。我给出的宽度为200px
。然后我想将宽度更改为50px
。我想用javascript代码来改变宽度。但它没有用。
document.getElementsByClassName("main").style.width = "50px";

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

<div class="main"></div>
&#13;
答案 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>