js 基础

来源：互联网发布：淘宝秒杀系统繁忙编辑：程序博客网时间：2024/06/07 11:48

<!DOCTYPE html>
<html lang="en">
<head>

<style type="text/css">
#div{width: 100px;height: 100px;background-color: #123456;}
</style>
<script type="text/javascript">

window.onload=function(){

oDiv=document.getElementById('div');

oBtn=document.getElementsByTagName('input')[0];

oBtn.onclick=css(oDiv,'width','200px');

function getStyle(oDiv,attr){
if(oDiv.currentStyle)
{alert(oDive.currentStyle[attr]) ;}
// {return oDive.currentStyle[attr];}
else
// {return getComputedStyle(oDive,false)[attr];}
{alert(getComputedStyle(oDiv,false)[attr]);}
}

function css(oDiv,attr,value){
if(arguments.length==2)
{getStyle(oDiv,attr);}
else if(arguments.length==3)
{oDiv.style[attr]=value;}
}
}
</script>
<meta charset="UTF-8">
<title>获取样式</title>
</head>
<body>
<input type="button" value="Change">
<div id="div"></div>
</body>
</html>

0 0