i

Elementknoten

Einen Link erzeugen

Im erstsen Projekt Hallo Elm bestand der von uns erzeugte Teil im DOM-Baum nur aus einem einzigen Textknoten. Einen Elementknoten kannst du z.B. mit folgendem Code erzeugen:

module Main exposing (..)

import Html exposing (..)
import Html.Attributes exposing (..)


main =
    a [ href "https://de.wikipedia.org/wiki/Caesar-Verschlüsselung" ]
      [ text "Über das Caesar-Verfahren" ]

Aufgabe 1

Teste die Wirkung des Codes entweder online unter ellie-app.com oder lokal auf deinem Computer.

Document Object Model

Der im DOM erzeugte Teilbaum lässt sich folgendermaßen darstellen:

DOM-Baum
HTML

Wir erzeugen den DOM-Baum mit Hilfe von Elm, nicht mit HTML. Zur Verdeutlichung aber hier der HTML-Code, der die gleiche Wirkung hätte:

<a href="https://de.wikipedia.org/wiki/Caesar-Verschlüsselung">
    Über das Caesar-Verfahren
</a>

Aufgabe 2

Suche

v
8.2.3.2.1.2
dev.inf-schule.de/deklarativ/fp_elm/dynamischewebseiten/caesarstatisch/lernstrecke/elementknoten
dev.inf-schule.de/8.2.3.2.1.2
dev.inf-schule.de/@/page/s2uYaXz65rtJOUnr

Rückmeldung geben