currentStyle使用示例[通俗易懂]
大家好，又见面了，我是你们的朋友全栈君。
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>
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/158987.html原文链接：https://javaforall.cn
腾讯云开发者
