以百分比形式动态更改div宽度

Jim*_*Jim 1 html javascript

我有一个div

 <div id="chart" style="position:relative; width: 100%; float:left; height: 220px;">
</div>
Run Code Online (Sandbox Code Playgroud)

我需要动态改变宽度.我找到了解决方案:

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

   elem.style.width = 70 + "%";
Run Code Online (Sandbox Code Playgroud)

但这不起作用.我哪里做错了?提前致谢...

Nie*_*els 6

试试这个小提琴:http://jsfiddle.net/TrrCh/

我认为您在加载HTML之前尝试运行Javascript.将它绑定到document.ready并且它应该正常工作

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

}
Run Code Online (Sandbox Code Playgroud)