Question

我道歉，因为我知道这是一个重复的问题，但我已尽力搜索并尝试了我发现的所有内容，似乎没有任何工作。我想要做的是在我的html文档中动态分配一个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中，但宽度不会改变！我错过了一些非常明显的东西吗？

Answer 1

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

Javascript动态更改div尺寸

1 个答案: