使用javascript将画布添加到页面

我正在尝试使用Javascript,以便将一个画布添加到原来没有一个页面的页面中。
我正在努力做以下事情:

var canv=document.createElement("canvas");
canv.setAttribute("id", "canvasID");
alert(canv.id);
var c=document.getElementById("canvasID");
alert(c.id);

问题是第一个警报(canv.id)导致canvasID,而第二个警报是未定义的,因为c为null。

有人可以告诉我我做错了什么吗?

PS:代码设计为在Greasemonkey下运行,因此在HTML本身中添加画布及其ID不是一个可行的选择。

使用像Node.appendChild( child )这样的东西来添加到DOM中:

var canv = document.createElement('canvas');
canv.id = 'someId';

document.body.appendChild(canv); // adds the canvas to the body element
document.getElementById('someBox').appendChild(canv); // adds the canvas to #someBox

或者你可以使用element.innerHTML

document.body.innerHTML += '<canvas id="someId"></canvas>'; // the += means we add this to the inner HTML of body
document.getElementById('someBox').innerHTML = '<canvas id="someId"></canvas>'; // replaces the inner HTML of #someBox to a canvas
http://stackoverflow.com/questions/9152224/add-canvas-to-a-page-with-javascript

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:使用javascript将画布添加到页面