15.9 Beispiel: Ein dynamisch erzeugtes Inhaltsverzeichnis

Die vorangehenden Abschnitte haben Ihnen gezeigt, wie Sie die Core DOM API einsetzen können, um ein Dokument zu durchqueren, Elemente aus einem Dokument auszuwählen und Dokumentinhalte zu ändern und hinzuzufügen. Beispiel 15-11 bringt all diese Teile zusammen, um automatisch ein Inhaltsverzeichnis für ein HTML-Dokument zu erstellen.

Das Beispiel definiert eine einzige Funktion namens maketoc( ) und registriert einen onload-Event-Handler, damit die Funktion automatisch ausgeführt wird, wenn das Laden des Dokuments abgeschlossen ist. Wenn maketoc( ) ausgeführt wird, durchquert sie das Dokument und sucht nach den Tags <h1>, <h2>, <h3>, <h4>, <h5> und <h6, bei denen es davon ausgeht, dass sie ...

Get Java Script: Das umfassende Referenzwerk 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.