mit Javascript einen Iframe erzeugen

[1UnitedPower]

Meine Herren!

Zu Matthias: an ein <div> hätte ich gedacht, das ich mit einem button event beschreiben würde.

button-Event? Gibt es nicht. Es gibt mouse-, touch- und pointer-events, die in diesem Kontext interessant sind.

Der <div> wäre mein Platzhalter, damit die "Tastatur" immer an der gleichen stelle steht.

Das div-Element dient dir also nur als ein Container. Diesen Container willst du programmatisch mit den virtuellen Tasten befüllen. Was spricht dagegen, die Tasten nicht programmatisch, sondern manuell per Hand in das HTML zu schreiben?

Ich hätte die Tastatur als Tabelle (Formatierung) ausgelegt.

Eine Tabelle ist sowohl semantisch als auch visuell unpassend. Eine Tastatur ist nicht tabellenartig ausgerichtet.

<div id="platzhalter"><table><tr><td></td></tr></table></div>
Wie würde das Script aussehen ?
document.getElementById('platzhalter').xy = "<table><tr><td></td></tr></table>";

Es gibt verschiedene Ansätze, den DOM-Baum zu manipulieren:
innerHTML
appendChild und co.
insertAdjacentHTML

oder hättet Ihr anders gedacht ??

Tabelle rausschmeißen und das HTML für die Tastatur per Hand schreiben. Die Ereignis-Verarbeitung dann mit JavaScript.