如何用js里给按钮改变样式

1、网页源文件中加入一个待改变按钮和一个事件触发按钮待改变按钮id定义为"new"，这个id将作为该按钮的唯一标示，在js代码中访问该按钮使用。触发按钮有一个onclick事件调用test()函数，我们会把改变样式的代码写在test函数的js里面。

2、添加改变样式按钮的onclick事件的js代码本文简单介绍了改变按钮背景颜色，宽度和高度的方法，其他的样式改变代码形式类似。

3、整合Html源文件源文件主要内容包括两块，UI控件部分和<script>代码块。<script>代码部分通过UI控件的id找到对应的控件，并利用js代码改变按钮的样式。

4、测试改变按钮的样式点击控制按钮之前，按钮背景是白色的，大小是默认大小。点击控制按钮之后，按钮背景变成蓝色，大小也发生改变。