多语言展示
当前在线:261今日阅读:113今日分享:31

GIF动态图教程-JS语言22-DOM操作(实例)

方法/步骤
1

可以通过JavaScript修改标记的样式,如图操作,修改字体颜色。

2

如图操作,修改字体字号,需要注意的是F是大写,第2个单词要大写,不然无效果,以此类推,例如设置背景色也一样。

3

如图操作,修改背景颜色。

4

如图操作,修改边框。

5

如图操作,修改宽度。初学者常常会在style对象的赋值中犯错,例如将v.style.width=“30%”误写成v.style.width=30%。需注意,在使用style修改元素样式时,属性值应为文本类型。

6

如图操作,修改边框半径距离。

注意事项
1

按住Ctrl键+鼠标滚动滑轮可以放大网页更清楚查看gif动态图。

2

因gif动态图将重复播放。建议进入-步骤阅读模式-边看文字边单击图片放大看。

推荐信息