JS实现点击按钮控制Div变宽、增高及调整背景色的方法_javascript技巧

本文实例讲述了JS实现点击按钮控制Div变宽、增高及调整背景色的方法。分享给大家供大家参考。具体如下：

这里使用JavaScript实现点击按钮后改变DiV的高度、宽度和背景色等，点击对应按钮，Div调整高度、调整宽度、调整背景色等。实现方面主要是使用JS来控制点击按钮后改变CSS样式文件，这一切都是在JS的动态控制下，比如无刷新切换网页风格的实现，可以以此为基础来扩展。

运行效果如下图所示：

具体代码如下：

这里是少许文本
  

点我调整宽度
   
点我调整高度
   
点我调整背景颜色
  

希望本文所述对大家的javascript程序设计有所帮助。