<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
<script>
</head>
<body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
</style>#div1{
height: 300px;
width:200px;
border: 1px solid red;
background:orange;
}
<script>
window.οnlοad=function(){
var oDiv=document.getElementById('div1');
//只能获取行间样式。
//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>
<div id="div1" ></body>
</div>
</html>
扫一扫
2262
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
