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

html-css011

火狐下 如何用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网站上去了解一下。

在理解提问君的需求的前提下,并充分借鉴一楼君的成果(如果问题得到解决,请采用他的答案!),修改如下:

<html> 

<head> 

<title>JS获取CSS属性值</title> 

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<link href="test.css" rel="stylesheet" type="text/css" />

<script type="text/javascript"> 

  onload = function (){

  var i = document.getElementById("css88").style.width || css88.offsetWidth || css88.clientWidth      

  alert(i)

  }

</script> 

</head> 

<body > 

    <div id="css88" class="w" >JS获取CSS属性值</div> 

</body> 

</html>

    var testContent = '.class1{ color:red }.class2  {     color:blue }'

    function getCss(className){

        var reStr = '\.' + className + '[ \s]*\{[^\}]+?\}'

        var re = new RegExp(reStr, "gi")

        return testContent.match(re)

    }

    alert(getCss('class1'))

    alert(getCss('class2'))