js获取不带单位的像素值

简介:

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

  比如:某一个元素的宽度是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" value="点击获取不带单位的像素">



本文转自 sshpp 51CTO博客,原文链接:http://blog.51cto.com/12902932/1949360,如需转载请自行联系原作者
相关文章
|
5月前
|
JavaScript 前端开发
初学JS—JavaScript实现像素鸟小游戏
初学JS—JavaScript实现像素鸟小游戏
32 0
|
12月前
|
移动开发 前端开发 JavaScript
JavaScript 基于HTML5 canvas 获取文本占用的像素宽度
JavaScript 基于HTML5 canvas 获取文本占用的像素宽度
164 0
|
前端开发
前端案例:像素鸟小游戏(js+dom操作,完整代码,附案例素材)
前端案例:像素鸟小游戏(js+dom操作,完整代码,附案例素材)
381 0
前端案例:像素鸟小游戏(js+dom操作,完整代码,附案例素材)
|
JavaScript 前端开发 API
!JS实战之随机像素图
JavaScript实例分享之----画随机像素图。随机像素图(作者自己取得名字)指的是一张图片上每一个像素的颜色都是随机的。此时应该能联想到这幅图多么眼花缭乱,好吧,我们用JS来实现它的原因是JS很方便,而且自带了一个canvas(画布)API,比较实用。
1119 0
|
JavaScript 前端开发
在页面中 js 获取光标/鼠标的坐标,获取光标的的像素坐标
近期为网站开发页面统计,以前虽然也开发过,但是功能不是很全,所以这次把一些好功能给用上。 例如这次的,页面JS光标/鼠标坐标,你也许问着有什么用,百度统计中有个热点统计图,这下清楚明白了吧。 好了,上肉: 功能:获取光标的的像素坐标 &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript"&gt; fun
1674 0
|
2月前
|
JavaScript
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
27 0
|
2月前
|
消息中间件 Web App开发 JavaScript
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
Node.js【简介、安装、运行 Node.js 脚本、事件循环、ES6 作业队列、Buffer(缓冲区)、Stream(流)】(一)-全面详解(学习总结---从入门到深化)
70 0
|
4天前
|
JavaScript 前端开发 应用服务中间件
node.js之第一天学习
node.js之第一天学习
|
1月前
|
运维 JavaScript 前端开发
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
发现了一款宝藏学习项目,包含了Web全栈的知识体系,JS、Vue、React知识就靠它了!
|
1月前
|
JavaScript
Vue.js学习详细课程系列--共32节(4 / 6)
Vue.js学习详细课程系列--共32节(4 / 6)
33 0