Πώς να φορτώσει ένα DIV σε κάποιον άλλο DIV Δυναμικά

Δυναμικές ιστοσελίδες αντιδρούν στα σχόλια των χρηστών και να αλλάξετε το περιεχόμενο της σελίδας . Πολλές γλώσσες προγραμματισμού μπορεί να επιτευχθεί αυτό το αποτέλεσμα . Ένας από τους ευκολότερους και πιο δημοφιλής στη χρήση είναι JavaScript . Σας επιτρέπει να αλλάξετε το περιεχόμενο των στοιχείων σε HTML , όπως divs ( περιέκτες περιεχομένου ) , με βάση μια ενέργεια, όπως η επιλογή ή να αιωρείται το ποντίκι . Ένα κλικ του ποντικιού μπορεί να δημιουργήσει μια νέα div μέσα σε ένα υπάρχον , τη δημιουργία περιεχομένου που σχετίζονται με το κουμπί πατηθεί. Ακολουθήστε μερικά βήματα για να επιτευχθεί αυτό το αποτέλεσμα . Οδηγίες
Η 1

Δημιουργία div ανάμεσα στις ετικέτες σώμα της ιστοσελίδας σας , και να δώσει το div ταυτότητα των «παλαιών div . " Επίσης να δημιουργήσετε ένα κουμπί για τους χρήστες να κάνουν κλικ που ενεργοποιεί την λειτουργία JavaScript " newInnerDiv . " Ο κωδικός θα εμφανιστεί ως εξής :

Προσθήκη Div κουμπί

2

Δημιουργία η λειτουργία " newInnerDiv " ανάμεσα στις ετικέτες κεφάλι του εγγράφου σας . Η λειτουργία παίρνει το υπάρχον div με ID του " oldDiv , " δημιουργεί ένα νέο στοιχείο div , δημιουργεί ένα νέο p ( σκέψη ) στοιχείο και δημιουργεί μια συμβολοσειρά κειμένου " Hi " για να τοποθετήσετε στο εσωτερικό του στοιχείου p . Επισυνάπτει το παλιό div με το νέο στοιχείο div , καθορίζει την ταυτότητα του νέου div να " newDiv , " προσθέτει τη νέα div με το νέο στοιχείο p και προσθέτει το νέο στοιχείο p με τη νέα συμβολοσειρά κειμένου " Γεια ".

Προσθέστε μια δοκιμή κατά την έναρξη της λειτουργία για να ελέγξετε αν αυτό div ήδη δημιουργήθηκε μια φορά από το χρήστη κάνοντας κλικ στο κουμπί . Δεν χρειάζεται να δημιουργήσετε πολλαπλές divs . Ένα απλό τεστ για αυτό το παράδειγμα μετρώντας πόσο υπάρχουν πολλές divs . Εάν οι αριθμοί των divs σήμερα στην σελίδα ισούται με 1 , εκτελείται ο κώδικας :