Javascript控制div属性动态变化实例分析

本文实例分析了Javascript控制div属性动态变化的方法。分享给大家供大家参考。具体如下：

这里使用JS控制div属性变化，另Div的几何尺寸发生变化，例如变宽、变高、改变颜色、隐藏Div、重置所有属性为默认值等。虽然在本例中，这些属性值的改变很简单就可实现，但在Javascript网页前端设计中，这种属性或方法经常会被用到，因此还是值得大家关注的。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-cha-div-opt-demo/

具体代码如下：

 
#outer{width:500px;margin:0 auto;padding:0;text-align:center;}
#div1{width:100px;height:100px;background:black;margin:10px auto;display:block;}

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