9

Elemente auf Webseiten ersetzen,entfernen und kopieren

In diesem Kapitel

image HTML-Elemente durch andere Elemente ersetzen

image Ausgewählte Elemente löschen

image Elemente und Ereignisse klonen

image Elemente ohne Ereignisse kopieren

 

In Kapitel 8 erfahren Sie, wie Sie den Inhalt Ihrer Webseite ändern. Dieses Kapitel konzentriert sich darauf, als Reaktion auf ein Ereignis Elemente zu finden und zu ersetzen, zu löschen oder an eine andere Stelle auf der Seite zu kopieren.

Elemente ersetzen

jQuery bietet zwei Funktionen an, mit denen Sie Elemente ersetzen können. Diese beiden Funktionen – replaceWith() und replaceAll() – ermöglichen es Ihnen, Elemente zu selektieren und anzugeben, wodurch sie ersetzt werden sollen.

Ein Element mit replaceWith() ersetzen

Angenommen, Sie haben ein <p>-Element, das Sie als Reaktion auf ein Click-Ereignis in ein <div>-Element mit Formatierung umwandeln wollen. Dazu gehen Sie wie folgt vor:

1. Erstellen Sie eine Webseite mit folgendem Code:

 <!DOCTYPE html PUBLIC “–//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1–strict.dtd”> <html> <head> <title>Meine ...

Get jQuery für Dummies 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.