css值转换成数值请抛弃parseInt

日期:2019-09-16编辑作者:最快开奖计算机

如:

复制代码 代码如下:

<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

本文由今晚最快开奖现场直播发布于最快开奖计算机,转载请注明出处:css值转换成数值请抛弃parseInt

关键词:

高效简洁

像:jQuery的table排序插件(以为其利用比较麻烦或不明了其实际用法,就从未有过使用)、原生态js的table排序插件等,最...

详细>>

尺寸深切精晓

概念 引自维基百科:依据由万维网结盟(W3C)于一九九八年发行并于一九九八年修订的CSS1所钦命的,当任意贰个块级...

详细>>

函数概念自己通晓及示范

此文适合JavaScript入门级选手阅读,高手就可以飘过了。 先扯点闲话。在中国,有这么一种现象:不管什么词或者概念...

详细>>

showModelDialog的使用方法示例详解

前两日接到这样一个职务:在顾客上传附件,供给校验顾客上传附属类小部件中身份ID新闻,假如存在错误音信须要将...

详细>>