10 Document Object Model

In Kapitel 9 haben Sie JavaScript-Objekte kennengelernt, die für die Tags form und input von HTML-Dokumenten stehen. Diese Objekte gehören zu einer Struktur, die Document Object Model (DOM) genannt wird. Jedes Tag im Dokument wird durch ein Objekt in diesem Modell dargestellt, kann ausgesprochen und bearbeitet werden.

10.1 DOM-Elemente

HTML-Dokumente weisen eine hierarchische Struktur auf. Jedes Element (Tag) außer dem obersten Element <html> ist in einem anderen enthalten, seinem Elternelement, und kann selbst wiederum Kindelemente haben. Das können Sie sich wie einen Familienstammbaum vorstellen. Nehmen wir als Beispiel ein einfaches Dokument wie das folgende:

<html>  <head>    <title>Alchemy for beginners</title>

Get Die Kunst der JavaScript-Programmierung now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.