javascript - 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> 在正文中手动创建一个 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';