我们在使用div更改宽高颜色的时候,里面往往会采用下面这种方式:
function toWidth()
{
var oDiv=document.getElementById(‘div1’);
oDiv.style.width=‘200px’;
}
function toHeight()
{
var oDiv=document.getElementById(‘div1’);
oDiv.style.height=‘200px’;
function toGreen()
{
var oDiv=document.getElementById(‘div1’);
oDiv.style.background=‘green’;
}
但是,仔细一看,这三个函数是不是有些相似呢?为了避免我们的代码过于繁琐,下面我们将用另外一种方式 把这三个函数合并到一起,话不多说,我们先来看下面一段代码:
function setStyle(name.value)
{
var oDiv=document.getElementById(‘div1’);
oDiv.style[name]=value;
}
与第一种方式相比,代码是不是就没那么繁琐了呢?
最后总结一下这两种方式的特点,第一种方式比较常用,但是在对于要求比较多的情况下,建议采用第二种方式。还有就是第一种方式能够执行的,第二种方式都可以。而第二种方式能够实现的,第一种方式不一定可以。
附上我的总代码,仅供参考: