手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >css值转换成数值请抛弃parseInt
css值转换成数值请抛弃parseInt
摘要:如:复制代码代码如下:varelem=document.getElementById('demo'),width=elem.style.wi...

如:

复制代码 代码如下:

<div id="demo"></div>

<script>

var elem = document.getElementById('demo'),

width = elem.style.width;

alert(parseInt(width));// 24

</script>

可是如果css值是这样呢:

复制代码 代码如下:

<div id="demo"></div>

<script>

var elem = document.getElementById('demo'),

opacity = elem.style.opacity;

alert(parseInt(opacity));// 0

</script>

以上显然parseInt()会出错,哪怕是'.5′这样的值,如果换成parseFloat()将能得到正确的结果:

复制代码 代码如下:

<div id="demo"></div>

<script>

var elem = document.getElementById('demo'),

opacity = elem.style.opacity;

alert(parseFloat(opacity));// 0.5

两者有何区别?

parseInt() 返回一个整数

parseFloat() 返回一个浮点数

进一步了解parseInt 和 parseFloat

【css值转换成数值请抛弃parseInt】相关文章:

实现DIV圆角的JavaScript代码

jQuery插件datepicker 日期连续选择

JavaScript中的toUTCString()方法使用详解

分享十五款 jQuery 社交网络分享插件

匹配html标记的正则

理解javascript封装

简介JavaScript中Math.LOG10E属性的使用

jquery任意位置浮动固定层插件用法实例

表格轮换显示 强

JavaScript获取并更改input标签name属性的方法

精品推荐
分类导航