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 相关文章推荐
javascript indexOf函数使用说明
Jul 03 Javascript
JavaScript获得选中文本内容的方法
Dec 02 Javascript
jquery验证手机号码、邮箱格式是否正确示例代码
Jul 28 Javascript
悬浮广告方法日常收集整理
Mar 18 Javascript
利用jquery实现下拉框的禁用与启用
Dec 07 Javascript
Angular2的管道Pipe的使用方法
Nov 07 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
Aug 28 Javascript
Vue在 Nuxt.js 中重定向 404 页面的方法
Apr 23 Javascript
jquery实现自定义树形表格的方法【自定义树形结构table】
Jul 12 jQuery
javascript自定义日期比较函数用法示例
Jul 22 Javascript
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
Aug 23 Javascript
OpenLayers3实现鼠标移动显示坐标
Sep 25 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
PHP数据库调用类调用实例(详细注释)
2012/07/12 PHP
PHP中空字符串介绍0、null、empty和false之间的关系
2012/09/25 PHP
php使用高斯算法实现图片的模糊处理功能示例
2016/11/11 PHP
php创建多级目录与级联删除文件的方法示例
2019/09/12 PHP
基于php+MySql实现学生信息管理系统实例
2020/08/04 PHP
Swoole源码中如何查询Websocket的连接问题详解
2020/08/30 PHP
基于jquery的一个OutlookBar类,动态创建导航条
2010/11/19 Javascript
js中方法重载如何实现?以及函数的参数问题
2013/08/01 Javascript
使用JavaScript获取电池状态的方法
2014/05/03 Javascript
loading动画特效小结
2017/01/22 Javascript
通过npm引用的vue组件使用详解
2017/03/02 Javascript
js中setTimeout的妙用--防止循环超时
2017/03/06 Javascript
ES6数组的扩展详解
2017/04/25 Javascript
页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)
2017/08/29 Javascript
浅谈angular2子组件的事件传递(任意组件事件传递)
2018/09/30 Javascript
JS选取DOM元素常见操作方法实例分析
2018/12/10 Javascript
基于JS实现一个随机生成验证码功能
2019/05/29 Javascript
json数据格式常见操作示例
2019/06/13 Javascript
Angular进行简单单元测试的实现方法实例
2020/08/16 Javascript
[02:03]DOTA2亚洲邀请赛 HGT战队出场宣传片
2015/02/07 DOTA
Eclipse + Python 的安装与配置流程
2013/03/05 Python
记录Django开发心得
2014/07/16 Python
Python的Django REST框架中的序列化及请求和返回
2016/04/11 Python
python opencv3实现人脸识别(windows)
2018/05/25 Python
python中append实例用法总结
2019/07/30 Python
python的scipy实现插值的示例代码
2019/11/12 Python
python实现的分析并统计nginx日志数据功能示例
2019/12/21 Python
运动服饰每月订阅盒:Ellie
2018/04/29 全球购物
String和StringBuffer的区别
2015/08/13 面试题
这段代码难道不该打印出56吗
2013/02/27 面试题
什么是命名空间(NameSpace)
2015/11/24 面试题
客服端调用EJB对象的几个基本步骤
2012/01/15 面试题
交通安全演讲稿
2014/01/07 职场文书
工作期间打牌检讨书范文
2014/11/20 职场文书
法律意见书范文
2015/05/20 职场文书
电力企业职工培训心得体会
2016/01/11 职场文书