2013-02-05 37 views
0

當div的大小爲50%到100%時,我正嘗試調整div的大小。但是當我嘗試console.log目前的大小div它只是記錄空白......什麼錯?在javascript中獲取樣式

window.onload = function() { 
    //declare vars 
    var fullbox = document.getElementById('box'), 
     minBut = document.getElementById('down'); 

    minBut.onclick = function() { 
     if(fullbox.style.width == "50%") { 
      fullbox.style.width = "100%"; 
     } else { 
      fullbox.style.width = "50%"; 
     } 
    } 
} 
+0

添加上單擊事件在div元素不會在功能測試。 – Dipak

+0

你可以設置一個JSFiddle與你的例子 – Billybonks

+0

http://jsfiddle.net/5qnNa/ – TheYorickable

回答

2

這可能是寬度尚未初始化爲該元素之前的情況。 第二次應該是50%。

與添加alert(fullbox.style.width);

FIDDLE

+0

事實上,當我點擊兩次現在它的作品,但我應該使用px而不是%?我確實在CSS中提供了ID風格。 – TheYorickable

+1

。無論您是否設置百分比,.style.width將始終返回像素值 – Pete

+0

因此,我應該繼續使用像素,在這種情況下..謝謝! – TheYorickable