<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网站上去了解一下。
这样：
<script language="javascript">
function hide(id)
{
if(document.getElementById(id).filters.alpha.opacity >= 0)
{
document.getElementById(id).filters.alpha.opacity -= 5
window.setTimeout("hide(\"" + id +"\")", 100)
}
}
</script>
扩展资料：注意事项
此外对于透明度有一点要说明一下，就是在IE中在css中设置透明度的方式filter:alpha(opacity:value)其中value值从0~100
透明度可以通过opacity：value来设置，其中value=0~1.
代码如下：
<!DOCTYPE html>
<html>
<head>
<title>js动画事件</title>
<link href="move.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="move.js"></script>
</head>
<body>
<div id="div1">
</div>
</body>
</html>
//获取样式的方法，第一个参数是元素，第二个是样式名，不过透明度这个，有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]}}
