1、元素对象.style.css属性名 = 值
通过“元素对象.style.css属性名 = 值”的形式可以修改元素样式。
先创建⼀个div
获取到div
元素,然后对其进⾏操作。步骤如下:
- 创建
div
和操作按钮 - 获取
div
和按钮 - 给按钮添加点击事件
- 操作
div
样式
通过运行,我们能发现,通过“元素对象.style.css属性名 = 值”的形式,是给元素添加或修改行内样式。
<div id="lzy" style="height: 300px; width: 300px; background: black;"></div>
2、读元素样式
通过“元素对象.style.css属性名”可以获取元素的某个css样式属性值。
通过运行,我们能发现,通过“元素对象.style.css属性名”获取的样式也只是行内样式。
3、示例——改变盒子大小
编写HTML
,设置div
的大小。
根据用户的点击次数完成盒子大小的改变。
单击的次数为奇数时,盒子都变大,单击次数为偶数时,盒子都变小。