更改DIV寬動態

我有一個div更改DIV寬動態

<div id="chart" style="position:relative; width: 100%; float:left; height: 220px;"> 
</div>

，我需要動態改變寬度。我發現像這樣的解決方案：

var elem = document.getElementById('chart'); 

    elem.style.width = 70 + "%";

但這不行。我哪裏錯了？在此先感謝...

來源

2011-11-24 Jim

我建議指定像素寬度的代碼，因爲不是所有的瀏覽器能夠處理JS中的百分比。 –

你可以看看獲取參考框的寬度，計算70％，並設置結果 - 像素 - 作爲這個div的寬度 – iGbanam

試試這個小提琴：http://jsfiddle.net/TrrCh/

我認爲你正在嘗試加載HTML之前運行的JavaScript。將它綁定到document.ready並且它應該可以工作

window.onload=function(){ 
    var elem = document.getElementById('chart'); 
    elem.style.width = 70 + "%"; 

}

來源

2011-11-24 08:59:51 Niels

是的，你是對的。謝謝..還有一個問題。我可以動態更改財產狀況嗎？ – Jim

是的，同樣的方式。 – Niels

它對我很好。

使用的瀏覽器：IE8和FF3。

你可以驗證，一旦其他明智的你可以試試這個

elem.style.width = "70%";

這是我測試

<body> 
    <div id="chart" style="position:relative; width: 100%; float:left; height: 220px;border:2px Solid #FF0000"> 
    </div> 
</body> 

var elem = document.getElementById('chart'); 
elem.style.width = 70+ "%";

來源

2011-11-24 09:01:38

更改DIV寬動態

回答

相關問題