如： 复制代码 代码如下: <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模版引擎-tmpl的bug修复与性能优化分析

精妙的 tmpl 前端模板类开源的不少，但最属 jQuery 作者 John Resig 开发的 “javascript micro templating” 最为精妙，寥寥几笔便实现了模板引擎核心功能。 它的介绍与使用方式请看作者博客：http://ejohn.org/b>>>详细阅读

本文标题：css值转换成数值请抛弃parseInt

地址：http://www.17bianji.com/kaifa2/JS/24011.html

 1/2    1