js获取不带单位的像素值

Posted 2020-09-25 心欲无痕

　　所谓获取不带单位的像素值就是获取比如元素的宽度、高度、字体大小、外边距、内边距等值但是去掉像素单位。

　　比如：某一个元素的宽度是100px，现在我要获取这个这个值但是不带单位“px”，对于这种问题你会怎么解决？我的解决办法是：

　　比如通过点击某个按钮来获取该值，那么此时就应该写个函数，在点击按钮时再来调用该函数。

　　function par（str）{

　　　　var num = str.replace("px","");

　　　　var num = parseInt(num);

　　　　alert(num)

　　}

　　这里，str.replace("px","")意思是将字符串中px替换为空，即去掉px，但是这里即便去掉px，该值仍然是字符串类型，所以现在要做的是将该字符串型转换为数值型，这里我使用的是parseInt方法。

　　现在通过按钮点击执行便可以这样来写了。

　　<input type="button" onclick="par(‘100px‘)" value="点击获取不带单位的像素">