Übungen zum DOM (document object model)

Aufgabe 1 - einfache Textformatierung

  1. Geben Sie einem Absatz einer beliebigen HTML-Seite eine ID, z.B.
    <div id="ausgabe">Irgendein Text</div>
  2. Schreiben Sie ein kleines Programm, in welchem Sie die Schrift des Absatzes von der normalen Anzeige auf fett ändern, siehe ...

Aufgabe 2 -

a) HMTL
  1. Erstellen Sie eine Tabelle mit drei Zeilen und drei Spalten.
  2. Alle td-Elemente der Tabelle bekommen eine id, z.B. id0, id1, id2, ...
    ... <td id='id0'> ...
b) Javascript
  1. Erzeugen Sie eine Zufallszahl (0-8) mit folgender Anweisung: Math.floor( Math.random() *9 ).
  2. Speichern Sie die Zufallszahl in einer Variable.
  3. Erzeugen Sie eine dynamische ID mit Hilfe der Zufallszahl, z.B. id="id"+zufallszahl.
  4. Setzen Sie den Hintergrund des zugehörigen Elements auf eine andere Farbe.
  5. Schreiben Sie zusätzlich einen Text in das mit der ID ausgewählte td-Tag.

Aufgabe 3

In Ihren Javascript-Programmen haben Sie bisher für Ausgaben vorwiegend alert und document.write genutzt.
Ersetzen Sie in einem oder mehreren dieser Programme die Ausgabe!
...