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

Posted 2022-04-04 ziyou11

<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"));
;