[英]Change div width in percentage dynamically
我有一个div
<div id="chart" style="position:relative; width: 100%; float:left; height: 220px;">
</div>
而且我需要动态更改宽度。 我找到了像这样的解决方案:
var elem = document.getElementById('chart');
elem.style.width = 70 + "%";
但这不起作用。 我在哪里做错了? 提前致谢...
试试这个小提琴: http : //jsfiddle.net/TrrCh/
我认为您正在尝试在HTML加载之前运行Javascript。 将其绑定到document.ready,它应该可以正常工作
window.onload=function(){
var elem = document.getElementById('chart');
elem.style.width = 70 + "%";
}
这对我来说很有用。
使用的浏览器: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+ "%";
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.