<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#content{
width: 100px;
height: 100px;
background: pink;
}
</style>
</head>
<body>
<div id="content"></div>
<script>
//封装函数 用于获取元素的属性值 并解决了ie8的浏览器兼容问题
function getStyle(ele,attr){
if(ele.currentStyle){
return ele.currentStyle[attr];
}else{
return getComputedStyle(ele,null)[attr];
}
}
var content = document.getElementById("content");
console.log(getStyle(content,"width")); //100px
</script>
</body>
</html>
封装函数 用于获取元素的属性值
最新推荐文章于 2021-11-15 10:17:32 发布