javascript 改变指定css样式

时间:2021-04-16

  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>

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章