Hallo, ich habe eine Frage zum dynamischen Erstellen einer Leinwand mit Javascript.

Ich erstelle eine Leinwand wie diese:

var canvas = document.createElement('canvas');
canvas.id     = "CursorLayer";
canvas.width  = 1224;
canvas.height = 768;
canvas.style.zIndex   = 8;
canvas.style.position = "absolute";
canvas.style.border   = "1px solid";

aber wenn ich versuche, es zu lokalisieren, bekomme ich einenull Wert:

cursorLayer = document.getElementById("CursorLayer");

Mache ich es falsch? Gibt es eine bessere Möglichkeit, eine Leinwand mit JavaScript zu erstellen?