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中sort()方法的用法
Nov 04 Javascript
ExtJs事件机制基本代码模型和流程解析
Oct 24 Javascript
封装了一个js图片轮换效果的函数
Sep 28 Javascript
jquery实现商品拖动选择效果代码(自写)
May 28 Javascript
JQuery对id中含有特殊字符的转义处理示例
Sep 06 Javascript
jQuery元素属性操作实例(设置、获取及删除元素属性)
Sep 08 Javascript
原生js仿jquery实现对Ajax的封装
Oct 04 Javascript
jsTree使用记录实例
Dec 01 Javascript
JS敏感词过滤代码
Dec 23 Javascript
Vue.js手风琴菜单组件开发实例
May 16 Javascript
JQuery Ajax 异步操作之动态添加节点功能
May 24 jQuery
小程序实现上下切换位置
Nov 16 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实现过滤字符串中的中文和数字实例
2015/07/29 PHP
使用XHProf查找PHP性能瓶颈的实例
2017/12/13 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
使用JS获取当前地理位置方法汇总
2014/12/18 Javascript
使用Object.defineProperty实现简单的js双向绑定
2016/04/15 Javascript
学习掌握JavaScript中this的使用技巧
2016/08/29 Javascript
深入理解JavaScript定时机制
2016/10/27 Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
2016/12/23 Javascript
使用grunt合并压缩js和css文件的方法
2017/03/02 Javascript
jQuery使用正则验证15/18身份证的方法示例
2017/04/27 jQuery
nodejs操作mysql实现增删改查的实例
2017/05/28 NodeJs
JS数组交集、并集、差集的示例代码
2017/08/23 Javascript
基于BootStrap的文本编辑器组件Summernote
2017/10/27 Javascript
vue配置请求本地json数据的方法
2018/04/11 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
2019/05/02 Javascript
vue2.0 解决抽取公用js的问题
2020/07/31 Javascript
Python+OpenCV让电脑帮你玩微信跳一跳
2018/01/04 Python
对Python 2.7 pandas 中的read_excel详解
2018/05/04 Python
解决已经安装requests,却依然提示No module named requests问题
2018/05/18 Python
实例讲解Python3中abs()函数
2019/02/19 Python
深入浅析python 协程与go协程的区别
2019/05/09 Python
Python中的相关分析correlation analysis的实现
2019/08/29 Python
python opencv图像处理(素描、怀旧、光照、流年、滤镜 原理及实现)
2020/12/10 Python
canvas绘制视频封面的方法
2018/02/05 HTML / CSS
独特的礼品和创新的科技产品:The Grommet
2018/02/24 全球购物
Java文件和目录(IO)操作
2014/08/26 面试题
材料化学应届生求职信
2013/10/09 职场文书
酒店led欢迎词
2014/01/09 职场文书
双十佳事迹材料
2014/01/29 职场文书
学生干部学习的自我评价
2014/02/18 职场文书
美术指导求职信
2014/03/17 职场文书
运动会铅球比赛加油稿
2014/09/26 职场文书
领导干部考核评语
2015/01/04 职场文书
银行求职信模板
2015/03/20 职场文书
离职证明范本
2015/06/12 职场文书
教师工作证明范本
2015/06/12 职场文书