div 요소에 캔버스를 동적으로 추가하는 방법은 무엇입니까?

Question

자바 스크립트를 사용하여 본문에 캔버스를 동적으로 추가 할 수 있습니까? 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); 

위 코드가 올바른지 확인하십시오. 그게 나를 위해 작동하지 않습니다. 제게 그것을 할 수있는 방법을 제안하십시오.

Answer 1

그래, 작동합니다.

렌더링 된 HTML을 확인하거나 무언가를 직접 그려 볼 수 있습니다. &. (DEMO)

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