Das DOM: lesen, reagieren, ändern

Das lernen Sie in dieser Lektion

• erklären, was das DOM ist und wie es sich vom HTML unterscheidet, das der Server schickt
• Elemente mit querySelector finden und ihren Typ mit instanceof prüfen statt ihn zu behaupten
• Text, Klassen, hidden und data-Attribute lesen und ändern
• auf die Ereignisse input und submit reagieren und das Absenden mit preventDefault abfangen
• Eingaben nur mit textContent auf die Seite bringen und erklären, warum innerHTML zu Cross-Site-Scripting führt
• eine Änderung mit role="status" ansagen, ohne bei jedem Tastendruck zu reden
• die Kontaktliste der Kladde beim Tippen filtern, mit einem GET-Formular als Grundlage