JS设置CSS样式?-知识问答社区-代码-血鸟社区

JS设置CSS样式?

    javascript改变CSS样式分为局部和全局,分别如下:  一、局部改变样式    有三种方法:直接改变样式、改变className和改变cssText    改变className: document.getElementById(‘obj’).className=”…”    改变cssText:document.getElementById(‘obj’).style.cssText=”width:20px; border:solid 1px #f00;”;    改变直接样式: document.getElementById(‘obj’).style.backgroundColor=”#003366″    二、全局改变样式    通过改变外链样式的的href的值实现网页样式的实时切换,也就是”改变模板风格”。    首先需要赋予需要改变的目标一个id,如  代码如下:  <link rel=”stylesheet” type=”text/css” id=”css” href=”firefox.css” />    调用时很简单,如  代码如下:  <span onclick=”javascript:document.getElementById(‘css’).href=’ie.css'”>点我改变样式</span>

请登录后发表评论

    没有回复内容