Such as:
Copy Code code as follows:
<div id= "Demo" style= "width:24px" ></div>
<script>
var elem = document.getElementById (' demo '),
width = elem.style.width;
Alert (parseint (width));//24
</script>
But what if CSS values are like this:
Copy Code code as follows:
<div id= "Demo" style= "opacity:0.5" ></div>
<script>
var elem = document.getElementById (' demo '),
opacity = elem.style.opacity;
Alert (parseint (opacity));//0
</script>
The above obviously parseint () will be wrong, even if it is '. 5′ such a value, if replaced by parsefloat () will be able to get the correct result:
Copy Code code as follows:
<div id= "Demo" style= "opacity:0.5" ></div>
<script>
var elem = document.getElementById (' demo '),
opacity = elem.style.opacity;
Alert (parsefloat (opacity));//0.5
What's the difference between the two?
parseint () returns an integer
Parsefloat () returns a floating-point number
Learn more about parseint and parsefloat