封装获取某个元素指定css属性值的方法

来源：互联网发布：网络打印机端口编辑：程序博客网时间：2024/04/26 20:16

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>封装style</title>
<style>
/*#demo{width:200px;height:300px;}*/

</style>
</head>
<body>

</body>
<script type="text/javascript" src="封装DOM元素.js"></script>
<script type="text/javascript">
//var Demo=$('#demo');
//getComputedStyle() IE9之前不支持此方法
//console.log(getComputedStyle(Demo).width);
//currentStyle 是一种属性在谷歌中没有currentStyle这种属性，不支持
//console.log(Demo.currentStyle.width);//谷歌不支持
//封装获取某个元素指定css属性值的方法
//element代表元素 attr代表元素的属性，比如宽高
function css(element,attr){
return element.currentStyle?element.currentStyle[attr]:getComputedStyle(element)[attr];
}

//var w=css(Demo,'width')
//alert(w);
</script>
</html>

0 0