改变元素样式

1. 下面是我用DW做的一个小样式今天分享给大家
2. 如图所示，这个是一个html页面的代码
3. 主要是一些div的样式，比如设置宽度高度之类的
4. Input的标签就是在页面设置文本框，按照这个样式写就好了。

 

5.下面这个是css的样式

6.设置文字，红色正方形和文本框在页面上的位置。颜色，宽高，字体大小等等

 

 

 

7.这是js的代码

8.写一个页面加载事件

9.获取元素id然后绑定点击事件

10.然后根据id获取value里面的值，最后设置红色盒子的样式就好了

 

11.这个就是成果了，左边的值可以自己设置，

12.右边的红色盒子就会根据你左边设置的参数变化。