javascript 改变指定css样式

.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>
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2016-09-01
这是一个控制CSS样式的javascript
给你解释下
1.你要是想改变样式必须通过ID来得到这个对象document.getElementById("L1")当然你的样式要写到标签的属性里面还要给标签定义一个ID
2.做个事件,比如鼠标单机事件onClick="change()"
3.定义一个函数让他做函数大括号中的事情
4.下面有注释

<html>
<head>
<title>翔</title>
<script language="javascript">
function change(){
document.getElementById("L1").style.backgroundColor="#00ff00";
//通过ID得到当前对象.样式.背景颜色="绿色";
}
</script>
</head>
<body>

<div id="L1" style="position:absolute;
left:72px;
top:62px;
width:192px;
height:137px;
background-color:#003399;
z-index:1;" onClick="change()">
把样式写到了标签里面便于对照
</div>
</body>
</html>

还有更多的你可以自己琢磨琢磨
javascript是个很有意思的脚本language本回答被提问者采纳

javascript 改变指定css样式
javascript改变CSS样式分为局部和全局,分别如下:一、局部改变样式 有三种方法:直接改变样式、改变className和改变cssText 改变className: document.getElementById('obj').className="…"改变cssText:document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";改变直接样式...

javascript怎么对css样式进行修改?
JavaScript对CSS样式进行修改主要通过三种方式实现。首先,通过使用DOM(文档对象模型)API,可以获取HTML元素的样式属性并进行修改。例如,使用getElementById()方法获取元素后,通过style属性修改其样式。其次,利用classList API操作类名,通过添加、删除或切换类名来调整元素样式。最后,直接修改元素的style属性...

JS修改CSS设置的样式
JavaScript允许我们动态地修改HTML元素的CSS样式,其基本语法为:元素对象.style.样式名 = 样式值。例如,`element.style.color = 'red'`可以设置元素的字体颜色为红色。然而,需要注意的是,内联样式(通过style属性设置)具有很高的优先级。如果样式中包含'!'(important)标记,即使使用JavaScript,该样式...

七爪源码:使用 JavaScript 设置 CSS 样式
首先,每个DOM元素的style属性为JavaScript对象,允许获取或修改样式。通过直接设置样式属性,如将背景颜色由白色更改为红色,可以实现简单改变。然而,优先级问题导致样式可能被覆盖。为了解决此问题,可以利用style对象的API设置CSS样式,并指定优先级,如将样式设置为重要,确保其优先级高于其他样式,保持样式效...

javascript改变了css样式,但并未出现效果,为何?
因为你的form的submit操作指定target="iframe1", 故是由iframe[name="iframe"]由加载了新的页面, 此时alert的是该iframe中页面的#d1的display的状态而不是最外层的状态. 不出意外的话, 提交後你将会在页面底部看到一个被框起来的几乎一样的页面 你可以通过 A. 将target段去除以提交後在当前浏览器...

如何用JavaScript动态修改CSS样式表
<\/STYLE> 这里应该是红色的,但它会被下面的JS通过改变CSS样式设置而变成黄色 这里应该是银灰色的,的确这个不会发生变化,只作为对比 document.styleSheets[0].cssText=document.styleSheets[0].cssText.replace(\/red\/g,"

...请问怎么用javascript控制 css呢,就像动态的改变html一样,怎么样动...
首先 你的思维方式就错了,css是文件 ,不能用脚本控制,你只能在javascript 中重新设置你要求变化的值,或者直接利用css写的 类似事件(伪类)方法 实现你的javascript 动态变化

如何在javascript中添加css样式?
在JavaScript中添加CSS样式的方法多种多样。一种常见做法是使用document.getElementById()方法获取HTML元素的引用。一旦获取了元素引用,即可通过element.style对象来直接设置CSS样式。例如,如果你想改变id为"myElement"的元素颜色为红色,可以使用以下代码:document.getElementById("myElement").style.color =...

javascript 脚本如何控制CSS样式
第一种:根据url来判断,根据url对应的页面,设定每一项的样式。第二种:添加onclick处理函数,函数里边先遍历 ,去掉所有的样式,然后再给触发事件的加上样式

一个javascript点击后改变classname的问题,望指教!
\/\/用jquery几句话就搞定了var $lis = $("#menu li");\/\/获取所有的li\/\/给每个li都加上点击事件for(var li in $lis){ $(li).click($(this).attr('class','in').css('height','auto'));}

相似回答