style, currentStyle, getComputedStyle的区别

如果不在某元素上添加类似的样式：style="font-size:20px;"，在不同浏览器上获取样式的属性值的方式：

<script type="text/javascript">

function test(){

var x = document.getElementById("t1");

//判断打开的哪个浏览器

if(x.currentStyle){//ie

var size = x.currentStyle['fontSize'];

alert(size);

}else if(window.getComputedStyle){//ff Google...

var size= window.getComputedStyle(x,null)['fontSize'];

alert(size);

}

</script>

动态添加的样式：

<style type="text/css">

#t1{

font-size:20px;

color:#ffff00;

}

</style>

body部分的测试：

<body>

<div id="t1">test</div>

<input type="button" value="click" onclick="test();"/>

</body>

本文转自爱笑嘚蛋蛋 51CTO博客，原文链接：http://blog.51cto.com/dd118/1685249，如需转载请自行联系原作者

style, currentStyle, getComputedStyle的区别相关推荐

Js中的style,currentStyle,getComputedStyle()区别
Js中的style,currentStyle,getComputedStyle()区别样式表有三种方式: 1.内嵌样式(inline Style)-是写在Tag里面的,内嵌样式只对所有的Tag有效 ...
用JS查看修改CSS样式（cssText,attribute('style'),currentStyle,getComputedStyle）
CSS样式定义方法大家都知道,在为HTML设置样式的时候,通常有三种方法:内联样式,内部样式表,外部样式表. 1.内联样式: 内联样式表就是在HTML元素中的行内直接添加style属性. 1 < ...
js获取css值的方法：style、getComputedStyle和currentStyle
JS 获取 html元素的样式有三种方式:style.getComputedStyle 和 currentStyle等.区别在于: (1)style 只能获取行间样式,但能设置样式. (2)getCo ...
Android中style和theme的区别
在学习Xamarin android的过程中,最先开始学习的还是熟练掌握android的六大布局-LinearLayout .RelativeLayout.TableLayout.FrameLayou ...
js中style,currentStyle和getComputedStyle的区别以及获取css操作方法
在js中,之前我们获取属性大多用的都是ele.style.attr这种形式的方法,但是这种方法是有局限性的,该方法只能获取到行内样式,获取不了外部的样式.所以呢下面我就教大家获取外部样式的方法,因为获 ...
javascript中style与getComputedStyle()与currentStyle()的异同。
首先讨论这个问题我们先来看看样式的三种形式:内联样式,内部样式,外部样式三种样式的优先级:内联样式>内部样式>外部样式外部样式就是我们通过link标签将外部样式表引入的样式,而,而我们 ...
currentStyle和getComputedStyle的区别
currentStyle和getComputedStyle返回的都是字符串,比如返回的是"10px". currentStyle和getComputedStyle都为只读不可写,c ...
clientHeight ,offsetHeight,style.height,scrollHeight有区别与联系
style.height 包括元素的滚动条,不包括边框 clientHeight 不包括元素的滚动条和边框,只有在没有元素的滚动条的情况下,style.height相等于clientHeight o ...
android style 与theme的区别
style 指应用于布局文件中的单一组件的一套格式属性集合.举个简单的例子, 你能为一个TextView 组件定义一套风格并在其中指定字体的大小和颜色. theme是指能应用于一个或者多个窗口(act ...

style, currentStyle, getComputedStyle的区别

style, currentStyle, getComputedStyle的区别相关推荐

最新文章

热门文章