Πώς να γράψει σε ένα Div Από JavaScript

Η γλώσσα JavaScript επιτρέπει την ιστοσελίδα προγραμματιστές να επιθεωρήσει και να τροποποιήσετε το κρυφό πλαίσιο μιας ιστοσελίδας . JavaScript έχει μεθόδους για να αποκτήσετε πρόσβαση στο Document Object Model ή DOM - διεπαφή προγραμματισμού εφαρμογών του Hypertext Markup Language του . Η μέθοδος JavaScript getElementById ( ) επιτρέπει στον προγραμματιστή να επιθεωρήσει , την αλλαγή και να προσθέσετε ετικέτες HTML και πληροφορίες styling . Οι περισσότερες ιδιότητες φύλλο στυλ και τα χαρακτηριστικά μπορούν να τροποποιηθούν , συμπεριλαμβανομένων υπόβαθρο , τις γραμματοσειρές , τα σύνορα , τα πλάτη και την τοποθέτηση . Οι ετικέτες HTML πρέπει να επισημαίνονται με ένα αναγνωριστικό , έτσι η μέθοδος getElementById ( ) μπορεί να βρει και πρόσβαση σε αυτά . Τα πράγματα που θα χρειαστείτε καλής ποιότητας Απλό κείμενο editor
Η Εμφάνιση Περισσότερες οδηγίες
Η 1

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

2

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

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

# εξωτερικού {

υπόβαθρο-χρώμα : κίτρινο?

} !

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

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

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

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

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

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

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

document.getElementById ( «εσωτερική» ) στυλ . color = " black " ?

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

}

εικόνων
3

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

4 Εκκινήστε το πρόγραμμα περιήγησης σας . Κάντε κλικ στο " Αρχείο ", "Open File ".
5

Εντοπίστε το αρχείο " test.html " που δημιουργήσατε . Κάντε κλικ στο κουμπί "Άνοιγμα ".
Η

6 Κάντε κλικ στο κείμενο μέσα στο μπλε φόντο με το ποντίκι σας για να αλλάξετε τα περιθώρια του κιβωτίου .
Η
εικόνων