Dynamische Webseiten reagieren auf Benutzereingaben und ändern Sie den Inhalt auf der Seite . Mehrere Skriptsprachen können diesen Effekt zu erzielen . Eine der einfachsten und beliebtesten zu bedienen ist JavaScript . Es ermöglicht Ihnen, den Inhalt von Elementen in HTML, wie divs (Container von Inhalten ) , basierend auf einer Aktion, wie Sie oder schwebt eine Maus ändern. Ein Mausklick kann ein neues div innerhalb einer vorhandenen erstellen , die Erstellung von Inhalten im Zusammenhang mit der Schaltfläche geklickt . Folgen Sie ein paar Schritte, um diesen Effekt zu erzielen . Anleitung
1

erstellen div zwischen den Body-Tags Ihrer Web -Seite, und geben dem div eine ID von "alten div . " Auch eine Taste für die Nutzer zu klicken , dass löst die JavaScript-Funktion " newInnerDiv . " Der Code wird wie folgt aussehen:

Add Div

< /body>
2

erstellen die Funktion " newInnerDiv " zwischen den Kopf-Tags des Dokuments. Die Funktion ruft den bestehenden div durch seine ID " oldDiv , " schafft eine neue div-Element , eine neue p ( Absatz )-Element und erzeugt eine Zeichenfolge von " Hallo " im Inneren des p-Element zu platzieren. Es fügt die alte mit der neuen div div-Element , wird die ID des neuen div zu " newDiv ", fügt die neue div mit der neuen p-Element und fügt die neue p-Element mit dem neuen Text-String von " Hallo . "

Fügen Sie einen Test am Anfang der Funktion , um zu überprüfen , ob diese div bereits einmal durch den Benutzer auf die Schaltfläche erstellt . Keine Notwendigkeit, mehrere divs erstellen. Ein einfacher Test für dieses Beispiel ist das Zählen , wie viele divs existieren. Wenn die Zahlen von divs aktuell auf der Seite gleich 1 ist, wird der Code :