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>


你可能感兴趣的:(style,currentStyle)