Πώς να αλλάξετε το χρώμα κειμένου σε JavaScript

Αλλαγή χρώματος κειμένου σε μια ιστοσελίδα δίνει στους χρήστες μια διαδραστική , απρόσμενη εμπειρία , και είναι ένας από τους πιο αποτελεσματικούς τρόπους για να επηρεάσουν το σχεδιασμό της ιστοσελίδας του . Ένας χρήστης μπορεί να αλλάξει τα χρώματα κείμενο χρησιμοποιώντας JavaScript και ρυθμίσεις στυλ , χρησιμοποιώντας μία από τις πολλές τεχνικές στον κώδικα HTML . Οδηγίες
Η 1

Δημιουργήστε στοιχεία HTML που περιέχουν κείμενο . Αυτό το παράδειγμα δείχνει πώς μπορείτε να δημιουργήσετε τρεις ετικέτες που μπορούν να χρησιμοποιήσουν τις λειτουργίες JavaScript δημιουργήθηκε στα επόμενα βήματα :

2

Δημιουργήστε τη λειτουργία για την ετικέτα div . Η παρακάτω συνάρτηση JavaScript αρπάζει την ετικέτα div δημιουργήσατε στο βήμα 1 και αλλάζει το χρώμα του σε κόκκινο : divColorChange λειτουργία () { document.getElementById ( « myDiv ' ) style.color = " # FF0000 " .?}
Η
3

Αλλάξτε το χρώμα του tag παραγράφου . Η παρακάτω συνάρτηση JavaScript αλλάζει το χρώμα της παραγράφου στοιχείου κείμενο που δημιουργήθηκε στο βήμα 1 για τη λευκή : paraColorChange λειτουργία () { . Document.getElementById ( « myParagraph ' ) style.color =' # 000000 ' ? }
Η 4

Αλλάξτε το χρώμα στην ετικέτα span. Τέλος , αλλάξτε την ετικέτα κειμένου διάρκεια σε μαύρο με τον ακόλουθο κώδικα : spanColorChange λειτουργία () { . Document.getElementById ( « mySpan ' ) style.color = " # FFFFFF " ? }
5

Δημιουργήστε κουμπιά να καλέσει τις λειτουργίες JavaScript . Οι λειτουργίες που δημιουργούνται , αλλά δεν συμβαίνει τίποτα μέχρι να τους καλέσει στον κώδικα HTML . Ο παρακάτω κώδικας δημιουργεί κουμπιά . Όταν ένας χρήστης κάνει κλικ σε ένα από τα κουμπιά , η αντίστοιχη λειτουργία JavaScript καλείται : εικόνων