火狐下 如何用JS 取得CSS的 opacity值。

JavaScript015

火狐下 如何用JS 取得CSS的 opacity值。,第1张

现在假设有这么一段代码

<div

id="demo"

style="color:redopacity:0.6"><!--0.0表示不透明，1.0表示完全透明-->

<p>

一些文字

</p>

</div>

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

var

opacityValue

=

document.getElementById("demo").style.opacity

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

filter:Alpha(opacity=60)

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

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

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

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

var

opacityValue

=

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

建议可以到www.w3school.com.cn网站上去了解一下。

//获取样式的方法，第一个参数是元素，第二个是样式名，不过透明度这个，有3种写法，ie、火狐、其它浏览器，也许获取的内容不一样

getStyle:function(ele,styleName){if(ele.currentStyle){/*ie*/return ele.currentStyle[styleName]}else{/*ff*/var $arr=ele.ownerDocument.defaultView.getComputedStyle(ele, null)return $arr[styleName]}}