我想使用Javascript为了添加一个画布到一个页面,原来没有一个。 我试图做以下事情:
I am trying to use Javascript in order to add a canvas to one page which originally does not have one. I am trying to do the following:
var canv=document.createElement("canvas"); canv.setAttribute("id", "canvasID"); alert(canv.id); var c=document.getElementById("canvasID"); alert(c.id);问题是第一个警报(canv.id)在canvasID中的结果,而第二个警报未定义,因为c为空。
The problem is the the first alert(canv.id) results in canvasID, while the second alert is undefined because c is null.
任何人都可以告诉我我做错了什么?
Can anybody tell me what am I doing wrong?
设计为在Greasemonkey下运行,因此在HTML本身中添加画布及其ID不是一个可行的选项。
PS: the code is designed to run under Greasemonkey so adding the canvas and its ID in the HTML itself is not a viable option.
推荐答案像 Node.appendChild(child) 将它添加到DOM:
Use something like Node.appendChild( child ) for adding it to the 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更多推荐
使用javascript将画布添加到页面
发布评论