javascript 求div宽度时去掉px的超高效写法

最新推荐文章于 2023-07-21 09:32:24 发布

cai555

最新推荐文章于 2023-07-21 09:32:24 发布

阅读量3.5k

点赞数 1

文章标签： JavaScript CSS HTML ViewUI

<html>

<head>

<style type="text/css">

div#mydiv {

   width: 100px;

   height: 100px;

   background-color: red;

}

</style>

<script language="JavaScript">

function addWidth() {

   var mydiv = document.getElementById("mydiv");

   alert(mydiv.style.width+","+parseInt(mydiv.style.width));

   var curr_width = parseInt(mydiv.style.width); // removes the "px" at the end

   mydiv.style.width = (curr_width + 10) +"px";

}

</script>

</head>

<body>

<input type="button" value="Make Bigger" οnclick="addWidth()" />

<div id="mydiv" style="width:100px"></div>

</body>

</html>

主要是这句： var curr_width = parseInt(mydiv.style.width); // removes the "px" at the end

是不是很有意思？