核心提示：!DOCTYPE htmlhtmlheadmeta charset=UTF-8title/titlestyle type=text/css#p1{height: 300px;width:200px;b...
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#p1{
height: 300px;
width:200px;
border: 1px solid red;
background:orange;
}
</style>
<script>
window.onload=function(){
var oDiv=document.getElementById('p1');
//只能获取行间样式。
//alert(oDiv.style['height'])
//只是IE能用，谷歌和火狐用不了
//alert(oDiv.currentStyle['width']);
//火狐和谷歌用
//alert(getComputedStyle(oDiv,false).width);
//alert(oDiv.currentStyle); //object
var a=getStyle(oDiv,'backgroundColor');
alert(a) ;
//注意！：name中只能写简单样式（例如宽、高等），不能写复合样式（例如背景颜色、border等）
//getStyle(oDiv,'background');
function getStyle(obj,name){
if(obj.currentStyle){
return (obj.currentStyle[name]) ; //IE用
}else{
return (getComputedStyle(obj,false)[name]) ; //谷歌和火狐用
}
}
}
</script>
</head>
<body>
<p id="p1" >
</p>
</body>
</html>
