js像素运算问题

通过DOM获取的某一距离属性（比如left）是带px单位的，直接对其算术运算不起效，要先把获取到的值处理一下去掉px单位。

方法一（用处理字符串的方式去除px）：

1 var x=document.getElementById("a").style.left;
2 x=x.replace("px","")//过滤掉后面的px
3 x= Number(x)+1;//原基础上+1
4 document.getElementById("a").style.left=x+"px";

 

 

方法二（用parseInt（）转换类型）：

1 var v1 = parseInt($('d1').style.left);
2 //这个呢是得到id为'd1'这个元素的左边距的值了.
3 $('d1').style.left = v1+30+'px' ;
4 //这个呢是将id为'd1'这个元素的左边距的值加上30px了.

 

转载于:https://www.cnblogs.com/caiquan/p/6184448.html