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:
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>