Javascript 我的画布赢了'；附加

所以我正在处理一个不存在的canvas元素，即使我创建了它。它只是不会附加到主体或其他元素

var el = document.getElementById("container");
var cv = document.createElement("canvas");
el.appendChild(cv);
document.body.appendChild(cv);

var cv=document.createElement（“画布”）；
log（“如果存在，它将返回“”：”，cv）；
文件.正文.附件（cv）；
var ctx=cv.getContext（“2d”）；
ctx.fillRect（20,20,150,100）试试这个

画布元素将附加到容器元素。
将容器元素添加到文档体


var el=document.createElement（'div'）；
el.setAttribute（“id”、“容器”）；
var cv=document.createElement（“画布”）；
var ctx=cv.getContext（“2d”）；
ctx.fillStyle=“#FF0000”；
ctx.fillRect（20,20,150,100）；
el.儿童（cv）；
文件.正文.附件（el）不能在两个位置附加相同的元素我只是在测试它，如果我尝试将它附加到其中一个位置，它只有相同的结果。您是否尝试过使用：var canvas=el.getContext（“2d”）；创建画布？这是如何工作的？请参见这里的示例：您确定您的浏览器支持canvas元素吗？同样的内容无法读取null的属性“appendChild”。我做错了什么吗？您是否有一个容器元素，比如Yeah，我是肯定的，因为您的元素不是DOM yetJust控制台var el=document.getElementById（“容器”）的一部分；看看它会有什么回报