JavaScript简单范例三：在程序中加入运算

如何在上面的程序中加入运算呢？

我们把程序部分换成如下这样：

var f2=document.getElementById("fk2");

var w=parseInt(f2.style.width);

var h=parseInt(f2.style.height);

f2.style.width=(w+100)+"px";

f2.style.height=(h+50)+"px";

由于document.getElementById（"fk2"）要反复使用，写起来太长，我们将它存到一个变量f2中，这样以后用到document.getElementById（"fk2"）时，只写f2就行了。

如上一范例，程序部分的三句话我们可以改写为这样的四句话：(www.xing528.com)

var f2=document.getElementById("fk2");

f2.style.width="200px";

f2.style.height="150px";

f2.style.backgroundColor='#F00';

多了一句话，程序看起来清爽多了。

parseInt（）是什么呢？

我们可以用alert（f2.style.width）打印一下方块2的宽，发现这个宽是100px，注意后面有个单位px，带着这个单位是没法做运算的。parseInt（）就是把100px转换为可以计算的数值的函数。

后面的程序中（w+100）+"px"就是把转换成数字的w加上100以后，还要再加上px才得到后来的方块宽200px。