【JS新手教程】JS修改css样式的几种方法

本文试验了几种JS修改css样式的方法,方法1:元素.style.样式=样式值。方法2:元素.style.cssText=样式:样式值方法3:元素.style[样式]=样式值

.cssText这种,可以用一行改变本元素多个样式,直接后面写很多css样式。.style.样式,这种,逐个样式进行修改。如果样式有-短线,如background-color,可以用方法3,style跟着样式加中括号。

测试代码:

黄蓝(默认)

粉红

绿黄


文字

图示:点击单选框,选择不同的背景色和边框色。