Einfaches Label

[Mathias]

Einen Button kriege ich hin.

Code: Alles auswählen

  begin
    Panel := document.createElement('div');
    Panel['class'] := 'panel panel-default';
    document.body.appendChild(Panel);

    Button1 := document.createElement('input');
    Button1['id'] := 'Button1';
    Button1['class'] := 'favorite styled';
    Button1['type'] := 'button';
    Button1['value'] := 'Button1';

    TJSHTMLElement(Button1).onclick := @ButtonClick;
    Panel.appendChild(Button1);

Nur wie macht man ein einfaches Label ?
Folgendes geht wie erwartet leider nicht.

Code: Alles auswählen

    LabelRed := document.createElement('label');
    LabelRed['value'] := 'Label';
    Panel.appendChild(LabelRed);

Als Vorbild habe ich folgendes genommen: https://developer.mozilla.org/en-US/doc ... nput/color
Der Text im Label sieht mir nach einem einfachen HTML-Text aus.
Wie kriege ich sowas in mein Panel, ohne das ich es direkt in der HTML-Datei mache ?

[theo]

Naja, ein Label ist ja eig. nur ein Container für ein "Stück Text".
Das ist in HTML einfach z.B. ein DIV.
Hast du ja oben eig. schon

Code: Alles auswählen

 document.createElement('div');

[Mathias]

Und wie zaubere ich jetzt den Text hier rein ?

Auf deis bin ich gekommen, aber da gibt es sicher was einfacheres ?

Code: Alles auswählen

    div1 := document.createElement('div');
    div1.innerHTML := 'Zeile 1<br>Zeile 2';
    Panel.appendChild(div1);