四、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就行了。

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

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。