首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >document.CreateElement(div)不工作.

document.CreateElement(div)不工作.
EN

Stack Overflow用户
提问于 2013-12-04 18:38:06
回答 2查看 649关注 0票数 0

我试图在运行时创建一个div元素,并在其中放置一个图表元素,这似乎不起作用。

代码语言:javascript
代码运行次数:0
运行
复制
function drawChart() {

        // Create the data table.
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Topping');
        data.addColumn('number', 'Slices');
        data.addRows([
          ['Mushrooms', 3],
          ['Onions', 1],
          ['Olives', 1],
          ['Zucchini', 1],
          ['Pepperoni', 2]
        ]);

        // Set chart options
        var options = {'title':'How Much Pizza I Ate Last Night',
                       'width':400,
                       'height':400};

        // Instantiate and draw our chart, passing in some options.
        //context.fillRect(0,0,100,100);
        div = document.createElement('div');
        div.style.position = "absolute";
        div.style.top = "0";
        div.style.left = "0";
        document.body.appendChild(div);
        var chart = new google.visualization.LineChart(document.getElementById('div'));
        chart.draw(data, options);
      }

当我在of html中声明div时,它可以工作。我做错什么了吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-12-04 18:40:31

您正在执行document.getElementById('div'),但是您创建的div的id尚未设置为div。你为什么不直接这么做:

代码语言:javascript
代码运行次数:0
运行
复制
var chart = new google.visualization.LineChart(div);

另一个选项是实际设置id:

代码语言:javascript
代码运行次数:0
运行
复制
div.id = "div";
...
var chart = new google.visualization.LineChart(document.getElementById('div'));
票数 1
EN

Stack Overflow用户

发布于 2013-12-04 18:39:48

您不会将div的id设置为div。似乎您应该使用:

代码语言:javascript
代码运行次数:0
运行
复制
var chart = new google.visualization.LineChart(div);
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20383241

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档