js怎么设置html最小宽度,通过js代码来改变div的宽度

当做网页图片的切换时，有的做法是将两个div并排在一起，但是只能显示一个div的宽度，当要切换图片时将一个div的宽度从一个宽度值改为0，就实现了简单的图片替换了。 首先，我们将要更改宽度的div摆上来

测试

#ddd{

background-color: red;

}

button

一个背景颜色为红色的div，使用按钮来改变大小 然后我们需要加上一段js代码，来修改掉这个div的大小

function change() {

var mywidth=document.getElementById("ddd").clientWidth;

if(mywidth!="100")

{

ddd.style.width=(mywidth-700)+"px";

}else

{

ddd.style.width=(mywidth+700)+"px";

}

alert(mywidth.style.width);

}

改变高度同理，下面是测试完整代码：

测试

#ddd{

background-color: red;

}

function change() {

var mywidth=document.getElementById("ddd").clientWidth;

if(mywidth!="100")

{

ddd.style.width=(mywidth-700)+"px";

}else

{

ddd.style.width=(mywidth+700)+"px";

}

alert(mywidth.style.width);

}

button