<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]}}