08JS操作DIV样式

1、元素对象.style.css属性名 = 值

通过“元素对象.style.css属性名 = 值”的形式可以修改元素样式。
先创建⼀个div获取到div元素，然后对其进⾏操作。步骤如下：

1. 创建div 和操作按钮
2. 获取div和按钮
3. 给按钮添加点击事件
4. 操作div样式
   
   通过运行，我们能发现，通过“元素对象.style.css属性名 = 值”的形式，是给元素添加或修改行内样式。

<div id="lzy" style="height: 300px; width: 300px; background: black;"></div>

2、读元素样式

通过“元素对象.style.css属性名”可以获取元素的某个css样式属性值。

通过运行，我们能发现，通过“元素对象.style.css属性名”获取的样式也只是行内样式。

3、示例——改变盒子大小

编写HTML，设置div的大小。
根据用户的点击次数完成盒子大小的改变。
单击的次数为奇数时，盒子都变大，单击次数为偶数时，盒子都变小。