Elementknoten
Einen Link erzeugen
Im erstsen Projekt Hallo Elm bestand der von uns erzeugte Teil im DOM-Baum nur aus einem einzigen Textknoten. Wir konnten also nur einen einzigen Text auf der Webseite darstellen.
Einen Elementknoten für einen Link 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/Morsecode" ]
[ text "Morsen auf Wikipedia" ]
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/Morsecode">
Morsen auf Wikipedia
</a>
