获取任意一个元素的任意一个样式属性的值

<input type="button" value="显示效果" id="btn"/>
<div id="dv"></div>
<script src="common.js"></script>
<script>
// my$("btn").onclick=function () {
// //获取元素距离左边位置的值
// //console.log(my$("dv").offsetLeft);
//
// //谷歌,火狐支持
// //console.log(window.getComputedStyle(my$("dv"),null).left);
//
// //console.log(window.getComputedStyle(my$("dv"),null)["left"]);
// //IE8支持
// //console.log(my$("dv").currentStyle.left);
// };

//获取任意一个元素的任意一个样式属性的值

// function getStyle(element,attr) {
// //判断浏览器是否支持这个方法
// if(window.getComputedStyle){
// return window.getComputedStyle(element,null)[attr];
// }else{
// return element.currentStyle[attr];
// }
// }
//

function getStyle(element,attr) {
//判断浏览器是否支持这个方法
return window.getComputedStyle? window.getComputedStyle(element,null)[attr]:element.currentStyle[attr];
}

my$("btn").onclick=function () {
console.log(getStyle(my$("dv"),"top"));
};

原文地址：https://www.cnblogs.com/ziyou11/p/11168980.html