仿jQ 之css（）函数样式获取和设置------------arguments的妙用

最新推荐文章于 2023-12-21 11:55:40 发布

陆康永

最新推荐文章于 2023-12-21 11:55:40 发布

阅读量1.3k

点赞数

分类专栏： miaov入门热身

本文链接：https://blog.csdn.net/xiaomogg/article/details/40348553

版权

miaov入门热身专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#div1{
width:100px;
height:100px;
border:1px solid 1px;
}
</style>
<script type="text/javascript">
//获取非行内样式
function getStyle(obj, attr)
{
if(obj.currentStyle)
{
return obj.currentStyle[attr];
}
else
{
return getComputedStyle(obj, false)[attr];
}
}
//仿jqcss样式
function css(){
if(arguments.length==2){ //获取
return getStyle(arguments[0],arguments[1]);
}else if(arguments.length==3){ //设置
arguments[0].style[arguments[1]]=arguments[2];
}
}

window.οnlοad=function(){
var div1=document.getElementById("div1");
var bt=document.getElementById("bt");
bt.οnclick=function(){
css(div1,"background","green");
alert(css(div1,"backgroundColor"));
}
}

</script>
</head>
<body>
<button id="bt">button</button>
<div id="div1"></div>
</body>
</html>