currentStyle使用示例

最新推荐文章于 2022-06-10 13:35:56 发布

名贤集

最新推荐文章于 2022-06-10 13:35:56 发布

阅读量2k

点赞数 1

分类专栏： JQuery 文章标签：浏览器 null border css ie div

本文链接：https://blog.csdn.net/QQ282030166/article/details/6605235

版权

JQuery 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

currentStyle使用示例

Dom中的currentStyle属性．从字面上理解这是当前样式风格．没错currentStyle就是用来获取元素内Css的style样式属性值．比如说元素的width值height值．甚至元素的文本排放方式text-align,包括position等等．所有的css属性值都可以被获取．但是currentStyle仅支持IE浏览器，如若想在FF或基于Dom标准的其他浏览器内实现相同效果．请使用getComputedStyle属性．我在下面给出一个例子，来获取div的宽度值，文本如何排放．和绝对定位的值．已支持IE和FF其他浏览器．放心浏览！

语法：

o=elem.currentStyle[style_name];

返回值：

o:返回元素某个样式属性值的引用．

参数

elem:要在该元素内获取样式属性．
style_name:样式属性名称．如：width,height,text-align

currentStyle实例

<html>
<head>
<title>Dom:currentStyle使用实例</title>
<style>
＃a{
border:1px solid;
width:200px;
height:100px;
text-align:center;
position:absolute;
}
</style>
</head>
<body>
<div id="a"></div>

<script language="javascript">
var a = document.getElementById("a")//获取元素
if(document.all){//IE浏览器
var wh = a.currentStyle["width"];
var text_align = a.currentStyle["textAlign"];
var posi = a.currentStyle["position"];
}
else{//FF或其他浏览器
var wh = window.getComputedStyle(a,null).width;
var text_align = "textAlign"; //凡是带横杠(-)的属性，在FF浏览器里必须转换一下属性名称
text_align = text_align.replace(/([A-Z])/g,"-$1");//
text_align.toLowerCase();
text_align = window.getComputedStyle(a,null).getPropertyValue(text_align);
var posi = window.getComputedStyle(a,null).getPropertyValue("position");
}
alert("宽度值是：" + wh);
alert("文本排放是：" + text_align);
alert("position值是：" + posi);
</script>
</body>
</html>