2008-04-28

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

关键字: javascript 求div宽度时去掉px的超高效写法 
<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" onclick="addWidth()" />

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

</body>

</html>

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

是不是很有意思？

评论
发表评论

您还没有登录，请登录后发表评论

cai555
搜索本博客
最近加入圈子
存档
最新评论