html div变宽变窄,为什么div.style.width=div.offsetWidth-1+"px"会使div宽度变宽而不是变窄？...

源自：4-2 获取样式

为什么div.style.width=div.offsetWidth-1+"px"会使div宽度变宽而不是变窄？

为什么div.style.width=div.offsetWidth-1+"px"会使div宽度变宽而不是变窄？对4-2获取样式中的例子？但还不是很理解为什么会这样？？求大神些解释下，谢谢!HTML>

4-2获取样式

*{

margin:0px;

padding: 0px;

}

#div1{

width: 200px;

height: 200px;

background-color: red;

border: 1px solid red;/*加上border会引起不减反增的现象*/

}

window.οnlοad=function(){

var div1=document.getElementById("div1");

div1.οnmοuseοver=function(){

move();

}

}

/*动画函数*/

function move(){

var div1=document.getElementById("div1");

setInterval(function(){

div1.style.width=div1.offsetWidth-1+"px";/*给div加上border之后，本应该使div1.style.width变窄，为什么反而增宽了？？？*/

},30);

}

提问者：记得喝水

2015-12-06 20:35