封装css样式的函数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>封装css样式的函数</title>
</head>
<style>
*{
margin: 0;
padding: 0;
}
</style>
<body>
<div></div>
</body>
</html>
<script>
function css() {
//oDiv.style['width']='100px';
if(arguments.length==3){
arguments[0].style[arguments[1]]=arguments[2];
}else{
if(typeof arguments[1]=='string'){
return getComputedStyle(arguments[0])[arguments[1]];
}else{
for(var name in arguments[1]){
arguments[0].style[name]=arguments[1][name];
}
}
}
}
var oDiv=document.querySelector('div');
css(oDiv,'width','100px');
css(oDiv,{height:'100px',background:'red'})
console.log(css(oDiv,'width'));
</script>