Pit: Css Element per JS einsetzen

Beitrag lesen

Guten Tag,

mir gelingt es nicht, per JS ein Element in ein anderes Elemet einzusetzen.

Ich schaffs zwar ins übergeordnete Element, aber nicht in das Element, das ich eigentlich möchte.

var parent = document.getElementById("canvas");
parent.childNodes[0].nodeValue = "";

var myCA = document.createElement("canvas");
myCA.setAttribute("id", "myCanvas");
parent.appendChild(myCA);

var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

Hier generiere ich ein Canvaselement, in das ich eine Linie einfügen möchte.

var Line = document.createElement('hr');
canvas.appendChild(Line);

Aber die Linie wird nicht generiert.

Was mache ich faksch? Denn wenn ich parent.appendChild(Line); nehme, wird das Element generiert (nur eben nicht innerhalb des Eements, das ich eigentlich wollte).

Pit