Javascript动态变化div尺寸

我很抱歉，因为我知道这是一个重复的问题，但我已经搜索了所有我可以并尝试了我发现的一切，似乎没有任何工作。我想要做的是在我的html文档中动态分配一个div，然后用谷歌可视化图表填充它。Javascript动态变化div尺寸

我有这一切工作正常，除了一件事。我无法让div的增加的该死的尺寸！这里是我的代码：

var thisDashboard = document.createElement(chartDivID); 
thisDashboard.setAttribute("style", "width: 1000 px; height 425 px;"); 
thisDashboard.setAttribute("id", chartDivID); 
//thisDashboard.style.height = 425 + "px"; 
//thisDashboard.style.width = "1000px"; 
document.getElementById("chartArea").appendChild(thisDashboard); 

var thisChart = document.createElement(chartDivID + "_chart"); 
thisChart.setAttribute("style", "height: 300 px; width: 100%"); 
thisChart.setAttribute("id", chartDivID + "_chart"); 
//thisChart.style.height = 300 + "px"; 
//thisChart.style.width = 100 + "%"; 
thisDashboard.appendChild(thisChart);

正如你可以看到我已经尝试使用.setAttribute和.style.width和.style.height之间的每一个组合我能想到的。由于某种原因，它只是不会工作。这是图表区域div：

<div id="chartArea" style="width: 100%"></div>

我能够使被隐藏的元素出现在新创建的div中，但宽度不会改变！我在这里错过了一件非常明显的事情吗？

来源

2013-07-08 Trevor

你可以使用[JS小提琴]（http://jsfiddle.net/）或类似的演示来演示这个吗？因为这看起来应该起作用。 –

width: 100%应该可以工作，但它意味着div占据了所有可能的宽度，所以如果它在例如表格列中，宽度较小，div不会扩展它，只适合它：）

来源

2013-07-08 13:37:24

看来，问题实际上是谷歌的结束。出于某种原因，它正在创建一个名为“ltr”的div，它只有400px宽。我不知道这是为什么，我认为这是一个谷歌可视化论坛的问题。有没有办法来解决这个问题？ – Trevor

我认为你可以保持原样，所以稍后有人会回答，其他人会找到解决方案:) –

Javascript动态变化div尺寸

回答

相关问题