比如：有一个DIV，他的 class是fix
<style>
.fix{color:red}
.top10{color:green}
</style>
<div id="div1" class="fix"></div>
更改它的class为top10
document.getElementById('div1').className = 'top10'
这个div的样式就变了
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。
2、在index.html中的<script>标签，输入js代码：$('body').append($('button').attr('class'))。
3、浏览器运行index.html页面，此时按钮的class名被js取到并打印了出来。
并没有getElementByClassName()这个函数，只有getElementsByClassName()，Element后面有个s，这个返回来是多个节点的集合（因为class名有可能匹配到多个），假设只有1个元素用这个class名，那么要改变宽度可以：
var a=document.getElementsByClassName("a")a[0].style.width="500px"
望采纳，谢谢
