JS改变CSS样式的几种方法

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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容