js中如何调用css

呵呵 如果是用在 A 链接上面的话是不需要用JS的

如

<style>

a:link {color:#000}

a:visited {color:blue}

a:hover {color:red}

</style>

<a href="#"></a>

如果用在其他的元素上面 可以用

<style>

Normal {color:#000}

Hover {color:red}

</style>

<p onmouseover="thisclassName='Hover'" onmouseout="thisclassName='Hover'">文字</p>

现在假设有这么一段代码

<div

id="demo"

style="color:red;opacity:06"><!--00表示不透明，10表示完全透明-->

<p>

一些文字

</p>

</div>

用javascript代码来获取该属性值的方法是:

var

opacityValue

=

documentgetElementById("demo")styleopacity;

大多数浏览器设置元素的opacity的值都是通过例子中的形式来设置的，不过IE浏览器设置透明度的方式为

filter:Alpha(opacity=60);

<!--0表示不透明，100表示完全透明，不接受小数-->

在ie浏览器里面暂时不知道如何获取元素的透明值。

我一般都是使用jQuery框架的，使用起来比较简单，也不用去考虑浏览器兼容性的问题，

以下为获取元素透明值的jQuery语句:

var

opacityValue

=

$("#demo")css("opacity");

建议可以到>

知道clssName切且只有一个情况下：

var a=documentstyleSheets[0]cssRules;

       for(var i= 0;i<alength;i++){

           if(a[i]selectorText=='li'){//className为li

               consolelog(a[i]stylecssText);

           }

       }

documentgetElementById('#img')stylebackground;

//或者用jq ，

$('img')css('background');

以上就是关于js中如何调用css全部的内容，包括:js中如何调用css、火狐下 如何用JS 取得CSS的 opacity值。、用原生js或者jq如何获得一个元素的所有css样式这个有办法实现吗等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！