為什么寫了這句之后，在我的瀏覽器里就不運動了oDiv1.style.width=parseInt(oDiv1.style.width)-1+'px';
<html>
<head>
<title>任意屬性值</title>
<meta charset="utf-8">
<style type="text/css">
#div1{
width:200px;
height:200px;
background:red;
border:4px solid #000;
}
</style>
<script type="text/javascript">
window.onload=function(){
startMove();
}
function startMove(){
setInterval(function(){
? var oDiv1=document.getElementById('div1');
//oDiv1.style.width=oDiv1.offsetWidth-5+'px';
oDiv1.style.width=parseInt(oDiv1.style.width)-1+'px';?
},30)
}
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>
2016-12-08
獲取元素寬的時候不能直接用style.width去獲??；要用offsetWidth；
oDiv1.style.width=parseInt(oDiv1.style.width)-1+'px';?
你把這句改成oDiv1.style.width=parseInt(oDiv1.offsetWidth)-1+'px'; 就會動了。
2016-12-10
雖然已經有人指出前面兩個答案中的錯誤，我覺得還是說的更詳細一點，免得有人被誤導。ob.style.attr的寫法是沒有任何錯誤的，這種寫法放在賦值號"="的左邊時是為這個屬性賦值，放在右邊是獲取這個屬性的值，但是這種方式只能獲取行內樣式，也就是寫在標簽中的樣式。題主的問題應該是模仿了老師的js代碼但是沒有給div添加行內樣式style="width:200px"，所以無法獲取指定屬性，js語句不執行。另外獲取非行內樣式的css屬性值的方法，如上面的同學說的，obj.currentStyle[attr]//兼容IE getComputedStyle(obj.false)[attr]//兼容其他主流瀏覽器，其中的false是沒有偽類，目前階段不用關注這個，如感興趣可自行搜索
2016-12-08
就沒有這種寫法，這句代碼本身就是錯誤的，建議你好好吧js基礎部分好好學一學再來。以下內容僅供參考：
標簽元素的寬高值獲取
//絕對寬度
Obj.offsetWidth
//絕對高度
Obj.offsetHeight
以下是獲取窗口對象的寬高值。
clientHeight?? 獲取對象的高度，不計算任何邊距、邊框、滾動條，但包括該對象的補白。
clientLeft?? 獲取?? offsetLeft?? 屬性和客戶區域的實際左邊之間的距離。
clientTop?? 獲取?? offsetTop?? 屬性和客戶區域的實際頂端之間的距離。
clientWidth?? 獲取對象的寬度，不計算任何邊距、邊框、滾動條，但包括該對象的補白。
clientX?? 設置或獲取鼠標指針位置相對于窗口客戶區域的?? x?? 坐標，其中客戶區域不包括窗口自身的控件和滾動條。?
clientY?? 設置或獲取鼠標指針位置相對于窗口客戶區域的?? y?? 坐標，其中客戶區域不包括窗口自身的控件和滾動條。
clip?? 設置或獲取定位對象的哪個部分可見。
clipBottom?? 獲取對象剪裁區域的底邊坐標。
clipLeft?? 獲取對象剪裁區域的左邊坐標。
clipRight?? 獲取對象剪裁區域的右邊坐標。
clipTop?? 獲取對象剪裁區域的頂邊坐標。