Javascript 如何将画布动态添加到div元素？

我可以使用java脚本动态地向主体添加画布吗？ 我知道如何添加DIV元素。有很多例子。但是如何将画布添加到DIV元素中呢

var iDiv = document.createElement('div');
iDiv.id = 'block';
iDiv.className = 'block';
document.getElementsByTagName('body')[0].appendChild(iDiv);


var innerDiv = document.createElement('canvas');
innerDiv.className = 'block-2';


iDiv.appendChild(innerDiv);

上述代码是否正确。这对我不起作用。请给我建议一个方法。

是的，它很有效

检查呈现的HTML，或者你可以简单地画一些东西&自己看看。（）

---

它确实对我有用（我使用的是Chrome）。打开“开发人员工具”窗口并检查DOM的body元素。它应该可以工作，但您应该考虑添加画布尺寸（宽度和高度）

innerDiv.getContext("2d").fillRect(50, 25, 100, 100);