js如何获取css文件内的一个属性值

js如何获取css文件内的一个属性值,第1张

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

<html> 

<head> 

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

<meta >

现在假设有这么一段代码

<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");

建议可以到>

给select加个id号,然后js获取到它的selectedIndex这样就可以知道当前用的是哪个css如下:

<select id=sel onchange="documentstyleSheets[0]href = thisoptions[thisselectedIndex]value + 'css'">

……

<script>

var sels=selselectedIndex; //这句得到了option的编号,通过这个编号你就该知道当前是哪个css

</script>

以上就是关于js如何获取css文件内的一个属性值全部的内容,包括:js如何获取css文件内的一个属性值、js如何获取外部css属性、火狐下 如何用JS 取得CSS的 opacity值。等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9744865.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存