动态更改div宽度的百分比

Question

I have a div 我有一个div

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

And I need to change width dynamically. 而且我需要动态更改宽度。 I found solution like: 我找到了像这样的解决方案：

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

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

But that not work's. 但这不起作用。 Where I do wrong ? 我在哪里做错了？ Thanks in advance... 提前致谢...

Answer 1

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

I think you are trying to run the Javascript before the HTML is loaded. 我认为您正在尝试在HTML加载之前运行Javascript。 Bind it to the document.ready and it should be working 将其绑定到document.ready，它应该可以正常工作

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

}

Answer 2

It works well for me. 这对我来说很有用。

Browsers Used: IE8 and FF3. 使用的浏览器：IE8和FF3。

Could you verify once other wise you may try this 您能否再次验证一次，可以尝试一下

elem.style.width =  "70%";

This is the code I tested 这是我测试过的代码

<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 个解决方案

解决方案1
6 已采纳 2011-11-24 08:59:51

解决方案2
0 2011-11-24 09:01:38

动态更改div宽度的百分比

问题描述

2 个解决方案

解决方案1 6 已采纳 2011-11-24 08:59:51

解决方案2 0 2011-11-24 09:01:38

解决方案1
6 已采纳 2011-11-24 08:59:51

解决方案2
0 2011-11-24 09:01:38