Πώς να Τοποθετήστε Elements Με DIV σε JavaScript

JavaScript προγραμματιστές δίνει τα εργαλεία για να τροποποιήσει το αόρατο πλαίσιο μιας ιστοσελίδας είναι γνωστή ως το μοντέλο αντικειμένου εγγράφου ( DOM ) . Το DOM είναι η διεπαφή προγραμματισμού εφαρμογών του HyperText Markup Language ( HTML ) . Η μέθοδος JavaScript getElementById ( ) μπορεί να έχει πρόσβαση στη σελίδα διαίρεση ετικέτα " div " για να προσθέσετε ή να τροποποιήσετε τις πληροφορίες HTML styling όπως φόντα , γραμματοσειρές , τα σύνορα , τα πλάτη και την τοποθέτηση . Επιπλέον , η ιδιότητα innerHTML μπορεί να αλλάξει το περιεχόμενο μεταξύ των tags . Ετικέτες HTML πρέπει να επισημαίνονται με ένα αναγνωριστικό πριν η μέθοδος getElementById ( ) μπορεί να βρει και πρόσβαση σε αυτά . Τα πράγματα που θα χρειαστείτε καλής ποιότητας Απλό κείμενο editor
Η Εμφάνιση Περισσότερες οδηγίες
Η 1

δρομολογήσει την τυπική εφαρμογή επεξεργασίας απλού κειμένου που είναι διαθέσιμες στον υπολογιστή σας .

2

Πληκτρολογήστε τον ακόλουθο κώδικα στο πρόγραμμα επεξεργασίας κειμένου :

<τύπος style = " text /css " > <- !

# εσωτερικό language = " javascript " >

λειτουργία changeDiv ( ) {

document.getElementById ( " εσωτερικές " ) style.width = " 500px " ? .

document.getElementById . ( «εσωτερική» ) style.height = " 220px " ? .

document.getElementById ( " εσωτερικές " ) style.fontSize = " 62px " ?

document.getElementById ( " εσωτερική " ). style.textAlign = "center " ?

document.getElementById ( «εσωτερική» ) style.backgroundColor = " # FFB3B3 "? . .

document.getElementById ( «εσωτερική» ) στυλ . border = " 4px διακεκομμένη κόκκινο" ?

document.getElementById ( " εσωτερικές " ) style.color = " μαύρο "? . .

document.getElementById ( " εσωτερικές " ) innerHTML = " JavaScript να εισαγάγετε στυλ και το περιεχόμενο των στοιχείων σε μία Div " ?

document.getElementById ( " mybutton " ) . value =" και δουλεύει ! "?

}

<;/script >

?

εικόνων
3

Κάντε κλικ στο μενού Αρχείο . Επιλέξτε "Αποθήκευση " επιλογή . Αποθηκεύστε κάτω από το όνομα του αρχείου " test.html . "
Η 4

Ξεκινήστε το πρόγραμμα περιήγησης στο web που είναι διαθέσιμα στον υπολογιστή σας . Κάντε κλικ στο "Αρχείο" μενού και επιλέξτε "Open File ".
5

Εντοπίστε το αρχείο " test.html " που μόλις δημιουργήσατε , επιλέξτε με το ποντίκι στη συνέχεια κάντε κλικ στο "Άνοιγμα ".

6

Κάντε κλικ στο κουμπί με την ένδειξη " Κάντε κλικ σε αυτό το κουμπί για να εισαγάγετε Νέα Πληροφορίες Into the Red Div Above ».
Η
εικόνων