Question

我有一个div

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

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

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

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

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

Answer 1

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

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

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

}

Answer 2

它适用于我。

使用的浏览器：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+ "%";

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

2 个答案: