<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>封装获取css属性</title>
<style>
h1{
width:300px;
height:100px;
background-color:red;
}
</style>
</head>
<body>
<h1>我是高100px，宽300px的红色长方形</h1>
<script type="text/javascript">
var h1 = document.getElementsByTagName('h1')[0];
//标准浏览器
console.log( window.getComputedStyle(h1)['width']);
console.log( window.getComputedStyle(h1).height);
//IE浏览器
console.log(h1.currentStyle.width);
console.log(h1.currentStyle.height);
//封装函数
//ele表示元素，zxc表示属性
functiong abc (ele,zxc){
//第一种
var qwe = window.getComputedStyle( ele ).zxc||ele.current.zxc
console.log(qwe);
//第二种
if (window.getComputedStyle( ele )){
window.getComputedStyle( ele ).zxc
}else{
ele.current.zxc
}
}
</script>
</body>
</html>Is this the right way to encapsulate it?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
You need to first determine whether the function exists