JS改变CSS样式的几种方法

2018-04-22  本文已影响7人  i_木木木木木

1.直接修改对应样式:

        例:document.getElemengtById("left").style.color="red";

需要注意的是,当遇到短线连接的样式时,在JS中应该使用驼峰写法;

        例:document.getElementById("right").style.backgroundColor="skyblue";

2.在CSS中定义一个新的样式,使用JS修改class的值:

        例:document.getElementById("top").className="newleft";

3.改变全局CSS样式:

<span onclick="javascript:documentgetElementById("demo").href='../css/newhome.css'">点击改变全局样式</span>

上一篇 下一篇

猜你喜欢

热点阅读