您的位置:首页 > Web前端 > CSS

封装函数获取样式

2016-06-02 14:38 756 查看


untitled

*{margin:0;padding:0;}
#odiv{
width:400px;
height:200px;
background-color:#CD3278;
color:white;
text-align:center;
line-height:200px;
font-size:20px;
border:1px solid #669933;

}
window.onload=function(){
move();
}

function move(){
setInterval(function(){
var odiv=document.getElementById("odiv");
odiv.style.width=parseInt(getStyle(odiv,'width'))-1+'px';
odiv.style.fontSize=parseInt(getStyle(odiv,'fontSize'))+1+'px';
},20);
}
//封装函数获取样式
function getStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}//IE
else{
return getComputedStyle(obj,false)[attr];
}//Firefox
}
//封装函数获取样式简洁版
/*function getStyle(obj, attr) {
return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj, false)[attr];
}*/

nihao
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: