css值转换成数值请抛弃parseInt


Posted in Javascript onOctober 24, 2011

如:

<div id="demo" style="width:24px"></div> 
<script> 
var elem = document.getElementById('demo'), 
width = elem.style.width; 
alert(parseInt(width));// 24 
</script>

可是如果css值是这样呢:
<div id="demo" style="opacity:0.5"></div> 
<script> 
var elem = document.getElementById('demo'), 
opacity = elem.style.opacity; 
alert(parseInt(opacity));// 0 
</script>

以上显然parseInt()会出错,哪怕是'.5′这样的值,如果换成parseFloat()将能得到正确的结果:
<div id="demo" style="opacity:0.5"></div> 
<script> 
var elem = document.getElementById('demo'), 
opacity = elem.style.opacity; 
alert(parseFloat(opacity));// 0.5

两者有何区别?

parseInt() 返回一个整数
parseFloat() 返回一个浮点数

进一步了解parseInt 和 parseFloat

Javascript 相关文章推荐
用js实现的模拟jquery的animate自定义动画(2.5K)
Jul 20 Javascript
js实现双向链表互联网机顶盒实战应用实现
Oct 28 Javascript
js对象关系图 方便dom操作
Mar 18 Javascript
js验证上传图片的方法
May 12 Javascript
用js写的一个路由(简单实例)
Sep 24 Javascript
Javascript oop设计模式 面向对象编程简单实例介绍
Dec 13 Javascript
bootstrap table服务端实现分页效果
Aug 10 Javascript
shiro授权的实现原理
Sep 21 Javascript
jquery select插件异步实时搜索实例代码
Oct 20 jQuery
JS中Object对象的原型概念基础
Jan 29 Javascript
动态加载JavaScript文件的3种方式
May 05 Javascript
nest.js 使用express需要提供多个静态目录的操作方法
Oct 24 Javascript
更优雅的事件触发兼容
Oct 24 #Javascript
myEvent.js javascript跨浏览器事件框架
Oct 24 #Javascript
最佳的addEvent事件绑定是怎样诞生的
Oct 24 #Javascript
关于javascript function对象那些迷惑分析
Oct 24 #Javascript
文本框根据输入内容自适应高度的代码
Oct 24 #Javascript
js创建数据共享接口——简化框架之间相互传值
Oct 23 #Javascript
javascript模版引擎-tmpl的bug修复与性能优化分析
Oct 23 #Javascript
You might like
ajax调用返回php接口返回json数据的方法(必看篇)
2017/05/05 PHP
ThinkPHP+EasyUI之ComboTree中的会计科目树形菜单实现方法
2017/06/09 PHP
ThinkPHP框架使用redirect实现页面重定向的方法实例分析
2018/04/12 PHP
写出更好的JavaScript之undefined篇(上)
2009/11/22 Javascript
JQuery实现用户名无刷新验证的小例子
2013/03/22 Javascript
关于js遍历表格的实例
2013/07/10 Javascript
javascript静态页面传值的三种方法分享
2013/11/12 Javascript
Jquery Easyui日历组件Calender使用详解(23)
2016/12/18 Javascript
解决ajax不能访问本地文件问题(利用js跨域原理)
2017/01/24 Javascript
解决html input验证只能输入数字,不能输入其他的问题
2017/07/21 Javascript
除Console.log()外更多的Javascript调试命令
2018/01/24 Javascript
json字符串传到前台input的方法
2018/08/06 Javascript
vue2配置scss的方法步骤
2019/06/06 Javascript
小程序组件之自定义顶部导航实例
2019/06/12 Javascript
百度小程序自定义通用toast组件
2019/07/17 Javascript
js实现贪吃蛇游戏(简易版)
2020/09/29 Javascript
[01:01:35]Optic vs paiN 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python中取整的几种方法小结
2017/01/06 Python
Python利用PyExecJS库执行JS函数的案例分析
2019/12/18 Python
python使用协程实现并发操作的方法详解
2019/12/27 Python
XD健身器材:Kevlar球、Crossfit健身球
2019/03/26 全球购物
英国在线发型和美容产品商店:Beauty Cutie
2019/04/27 全球购物
销售经理工作职责范文
2013/12/03 职场文书
红旗方阵解说词
2014/02/12 职场文书
淘宝店铺营销方案
2014/02/13 职场文书
高一学生期末评语
2014/04/25 职场文书
会计学自荐信
2014/06/03 职场文书
爱护环境卫生倡议书
2015/04/29 职场文书
2015年大学教师工作总结
2015/05/20 职场文书
2016高三毕业赠言寄语
2015/12/04 职场文书
《司马光》教学反思
2016/02/22 职场文书
乔迁新居祝福语
2019/11/04 职场文书
使用Python脚本对GiteePages进行一键部署的使用说明
2021/05/27 Python
用JS实现飞机大战小游戏
2021/06/09 Javascript
详解Nginx 被动检查服务器的存活状态
2021/10/16 Servers
mysql timestamp比较查询遇到的坑及解决
2021/11/27 MySQL