javascript获取background-position的值

获取样式里面的background-position

 

function getStyle(ele){

return ele.currentStyle || document.defaultView.getComputedStyle(ele,null);

//或者 return ele.currentStyle || window.getComputedStyle(ele,null);

}

console.log(getStyle(ele.backgroundPosition.split(" ")[0]);

ie下log的值是undefined,其它的浏览器正确返回x坐标的值。

不知道ie是怎么处理的。

后来试了下获取内联的样式里面的值都可以

一：background-position写在dom元素里面。

 

<style type="text/css">
      #stop{ background:url(bg.jpg) no-repeat; width:200px; height:200px;} 
</style> 

<script language='javascript'>

 var dd_x=document.getElementById("stop").style.backgroundPosition.split(" ")[0];

 var dd_y=document.getElementById("stop").style.backgroundPosition.split(" ")[1];

 alert(dd_x+","dd_y);

</script>

 

<div id="stop"  style="background-position:1px 1px;"></div>

 

 

二：页面加载时用js设置

<style type="text/css">
      #stop{ background:url(bg.jpg) no-repeat; width:200px; height:200px;}
</style> 

<script language="javascript" type="text/javascript">

  $(function(){

      $("#stop").css("background-position","10px 10px");

//$("#stop")[0].style.backgroundPosition="10px 10px";

      dd_x=$("#stop")[0].style.backgroundPosition.split(" ")[0];

      dd_y=$("#stop")[0].style.backgroundPosition.split(" ")[1];

      alert(dd_x+","dd_y);

   })

</script>

<div id="stop"></div>