在Javascript中运行'Div'制作

Question

我正在尝试在javascript中创建一个div元素并在其上放置一个谷歌图表。

google.setOnLoadCallback(drawChart)

function drawChart() {
div = document.createElement('div');
div.id = 1;
div.style.position = 'absolute';
div.style.top = 291;
div.style.left = 439;
div.style.width = 500;
div.style.height = 500;
document.body.appendChild(div);
var data = google.visualization.arrayToDataTable([
 ['Task', 'Hours per Day'],
 ['Work',     1],
 ['Eat',      2],
 ['Commute',  2],
 ['Watch TV', 2],
 ['Sleep',    2]
]);
var options = {'title':'How Much Pizza I Ate Last Night',
 'width':300,
 'height':300};
var pieChart = new google.visualization.PieChart(document.getElementById(1));
pieChart.draw(data, options);
}

没有任何东西出现......但如果我手动在标签中使用标签制作一个div ...并在此处提供其ID，那就可以了。我在做新的div创作还是做错了什么？

Answer 1

ID是字符串，更改

div.id = 1;

到

div.id = 'MyElement';

和

var pieChart = new google.visualization.PieChart(document.getElementById('MyElement'));

或只使用变量

中的引用

var pieChart = new google.visualization.PieChart(div);

样式顺便提一下：

div.style.top = '291px';