javascript 改变指定css样式

来源：百度知道 编辑：UC知道 时间：2024/05/18 07:11:08
.Tab .TabTitle .active{
background-image: url(images/aaadd.jpg);
background-repeat: no-repeat;

}

我想通过js改变css文件中 上面这个样式中 background-image 图片
怎么改``请高手指教


　　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>

这是一个控制CSS样式的javascript
给你解释下
1.你要是想改变样式必须通过ID来得到这个对象document.getElementById("L1"）当然你的样式要写到标签的属性里面还要给标签定义一个ID
2.做个事件,