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与自动伸缩图片 自动缩小图片的多浏览器兼容的方法总结
Mar 12 Javascript
ASP中用Join和Array,可以加快字符连接速度的代码
Aug 22 Javascript
Jquery中增加参数与Json转换代码
Nov 20 Javascript
使用jQuery模板来展现json数据的代码
Oct 22 Javascript
我的javascript 函数链之演变
Apr 07 Javascript
JQGrid的用法解析(列编辑,添加行,删除行)
Nov 08 Javascript
jQuery实现列表的全选功能
Mar 18 Javascript
js css3实现图片拖拽效果
Mar 04 Javascript
解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题
Aug 20 Javascript
详解微信小程序用定时器实现倒计时效果
Apr 30 Javascript
javascript实现的字符串转换成数组操作示例
Jun 13 Javascript
解决vue请求接口第一次成功,第二次失败问题
Sep 08 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 读取文件乱码问题
2010/02/20 PHP
PHPMailer的主要功能特点和简单使用说明
2014/02/17 PHP
PHP的Yii框架的基本使用示例
2015/08/21 PHP
ThinkPHP实现分页功能
2017/04/28 PHP
Laravel5.0+框架邮件发送功能实现方法图文与实例详解
2019/04/23 PHP
jQuery 图像裁剪插件Jcrop的简单使用
2009/05/22 Javascript
JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
2010/01/22 Javascript
jQuery阻止同类型事件小结
2013/04/19 Javascript
关于include标签导致js路径找不到的问题分析及解决
2013/07/09 Javascript
jqGrid日期格式的判断示例代码(开始日期与结束日期)
2013/11/08 Javascript
Javascript实现简单二级下拉菜单实例
2014/06/15 Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
2014/12/19 Javascript
js对象继承之原型链继承实例
2015/01/10 Javascript
Bootstrap每天必学之标签页(Tab)插件
2020/08/09 Javascript
微信小程序 保留小数(toFixed)详细介绍
2016/11/16 Javascript
浅谈javascript中的数据类型转换
2016/12/27 Javascript
angular.js和vue.js中实现函数去抖示例(debounce)
2018/01/18 Javascript
vue编译打包本地查看index文件的方法
2018/02/23 Javascript
vue封装一个简单的div框选时间的组件的方法
2019/01/06 Javascript
JS实现的全选、全不选及反选功能【案例】
2019/02/19 Javascript
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
2020/07/21 Javascript
python自动化测试之从命令行运行测试用例with verbosity
2014/09/28 Python
Python中用于转换字母为小写的lower()方法使用简介
2015/05/19 Python
Python实现计算最小编辑距离
2016/03/17 Python
Python实现字符串与数组相互转换功能示例
2017/09/22 Python
打印tensorflow恢复模型中所有变量与操作节点方式
2020/05/26 Python
简单了解如何封装自己的Python包
2020/07/08 Python
MAC彩妆澳洲官网:M·A·C AU
2021/01/17 全球购物
工厂保安员岗位职责
2014/01/31 职场文书
2014年销售工作总结范文
2014/12/01 职场文书
教师病假条范文
2015/08/17 职场文书
宣传部部长竞选稿
2015/11/21 职场文书
2016年企业先进员工事迹材料
2016/02/25 职场文书
小学秋季运动会加油口号及加油稿
2019/08/19 职场文书
创业计划书之酒厂
2019/10/14 职场文书
python 自动化偷懒的四个实用操作
2021/04/11 Python