Προγραμματισμός

* Γνώση Υπολογιστών >> Προγραμματισμός >> JavaScript Προγραμματισμός

Πώς να αλλάξετε το χρώμα του φόντου μιας γραμμής σε JavaScript

Κατά την εμφάνιση πινάκων δεδομένων σε μια σελίδα Web χρησιμοποιώντας έναν πίνακα HTML , ίσως να θέλετε να χρησιμοποιήσετε το χρώμα για να ενισχύσει την οθόνη ή να κάνει τα δεδομένα στον πίνακα πιο ευανάγνωστο . Υπάρχουν δύο τρόποι για να αλλάξετε το χρώμα του φόντου μιας γραμμής σε έναν πίνακα HTML χρησιμοποιώντας JavaScript . Η πρώτη μέθοδος χρησιμοποιεί JavaScript από μόνη της , και η δεύτερη χρησιμοποιεί CSS και JavaScript . Οδηγίες
Η

1 Δημιουργήστε ένα νέο αρχείο HTML χρησιμοποιώντας ένα πρόγραμμα επεξεργασίας κειμένου ή Σημειωματάριο . Εισάγετε ένα σκελετό HTML και να αλλάξετε τον τίτλο , όπως είναι επιθυμητό . Για παράδειγμα, πληκτρολογήστε :





Row Φτηνές 2 <p> Δημιουργήστε έναν πίνακα HTML μεταξύ των «σώμα» ετικέτες . Για παράδειγμα, πληκτρολογήστε : <br> <p> <πίνακα <br> Η 3 <p> Πάρτε ένα δείκτη στο στοιχείο του πίνακα και να πάρετε μια σειρά από δείκτες σε κάθε γραμμή του πίνακα με τους "tr " ετικέτες . Πρόσβαση το " BackgroundColor " αποδίδουν άμεσα να το αλλάξετε . Για παράδειγμα, πληκτρολογήστε : <br> <p> <script type="text/javascript"> <br> <p> πίνακα var = document.getElementById ( " MyTable ")? <br> Πίσω <p> σειρές var = table.getElementsByTagName ( "tr ")? . <br> <p> σειρές [ 0 ] style.backgroundColor = " # F30 "? . <br> <p> σειρές [ 1 ] style.backgroundColor = " # 09C " ? <br > <p> </script > <br> Η 4 <p> Δημιουργήστε ένα στυλ CSS και τοποθετήστε το μεταξύ των "επικεφαλής " ετικέτες στην ιστοσελίδα. Για παράδειγμα, πληκτρολογήστε : <br> <p> <style type="text/css"> <br> <p> ακόμα { BackgroundColor : # F30 } . . <br> <p> Περίεργο { BackgroundColor : # 00C } <br> <p> </style > <br> 5 <p> Γράψτε μια λειτουργία JavaScript που εισάγει την κλάση CSS για να αλλάξετε το χρώμα του φόντου . Για παράδειγμα, πληκτρολογήστε : <br> <p> <script type="text/javascript"> <br> <p> πίνακα var = document.getElementById ( " MyTable ")? <br> Πίσω <p> σειρές var = table.getElementsByTagName ( "tr ")? <br> <p> σειρές [ 0 ] className = " ακόμα " ? . <br> <p> σειρές [ 1 ] className = " περίεργο " ? . <br> <p> <;/script > <br> Η <br> εικόνων <div class="grad2"><script language='javascript' src='http://www.221021.com/ad/gr/2.js'></script></div> <div class="grad3"></div> </div> <div class="fanyedads"> <ul> <li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='/Programming/javascript-programming/91024.html' >Πώς να αλλάξετε το περιεχόμενο του iFrame με JavaScript </a></li> <li>Επόμενο άρθρο: <a class='LinkNextArticle' href='/Programming/javascript-programming/91026.html' >Πώς να τρέξει το JavaScript σε ιστοσελίδα </a></li> </ul> </div> </div> <div class="woqinimaderwr24"> <div class="dibud23"> <div class="biaotidas51"> <div class="biaotidas511"><h3>Συναφής σύστασή</h3></div> <div class="butudasda"></div> </div> </div> <div class="dibud24"> <div class="dibud241"> <h3><a href="/Programming/javascript-programming/90992.html" target="_blank">Πώς να κάνει ένα DIV Ορατό με κύλιση σε JavaScript </a></h3> <p><a href="/Programming/javascript-programming/90992.html" target="_blank">Για να κάνετε μια DIV ορατή σε JavaScript , πρέπει να δηλωθεί ως ένα φύλλο στυλ (CSS ) αντικειμένου , με την προβολή χαρακτηριστικό ίσο με το ορατό . Υπερχείλιση οθόνη διαχειρίζεται με παρόμοιο τρόπο . Αναγνωρίσει το DIV χαρακτηριστικό αντικείμενο υπερχείλιση ίσο με auto . Η DIV τότε θα είναι ορατή μέσα στη σελίδα . Οι μπάρες κύλισης θα είναι διαθέσιμα σε περίπτωση που η υπερχείλιση του περιεχομένου του διαθέσιμου χώρου εντός του DIV . Τα πράγματα που θα χρειαστείτε επεξεργαστή κειμένου πρόγρ</a></p> <div class="feggexiandsada"></div> <ul class="dsa31das"> <li><a href="/Programming/javascript-programming/90894.html" target="_blank">Πώς να καθαρίσετε ένα Drop -Down σε JQuery </a></li> <li><a href="/Programming/javascript-programming/90836.html" target="_blank">Βήμα- βήμα φροντιστήριο για UML Eclipse </a></li> <li><a href="/Programming/javascript-programming/91111.html" target="_blank">Πώς να επισκευάσει ένα Out of Space Stack λάθους σε JavaScript </a></li> <li><a href="/Programming/javascript-programming/91014.html" target="_blank">Πώς να αλλάξετε ένα κέρσορα του ποντικιού με JQuery </a></li> <li><a href="/Programming/javascript-programming/90774.html" target="_blank">JavaScript επανάκλησης Λειτουργίες : isFunction </a></li> </ul> </div> <div class="dibud242"> <div class="biaotidasoidasf3h4"> <h4>Τελευταία άρθρα</h4> <div class="nibushihenzaiyi"></div> </div> <ul class="thydghaodennrend"> <li><a href="/Programming/javascript-programming/91052.html" target="_blank">Πώς να ενημερώσετε τις μεταβλητές συνεδρίας από JavaScript </a></li> <li><a href="/Programming/php-mysql-programming/92822.html" target="_blank">PHP μεσολάβησης Tutorial </a></li> <li><a href="/Programming/computer-programming-languages/86925.html" target="_blank">Πώς να υπολογίσετε SHA - 256 για ένα String </a></li> <li><a href="/Programming/python-programming/93675.html" target="_blank">Πώς να βρείτε το άθροισμα των Πλειάδα σε Python </a></li> <li><a href="/Programming/computer-programming-languages/88262.html" target="_blank">Πώς να μεταφέρετε δεδομένα από μια ομάδα εγγραφών ADO σε έναν πίνακα με ADO </a></li> <li><a href="/Programming/computer-programming-languages/88547.html" target="_blank">ASCII πρωτόκολλο </a></li> <li><a href="/Programming/cc-programming/85892.html" target="_blank">Τι πρέπει να ξεκινήσει ο προγραμματισμός για το iPhone </a></li> <li><a href="/Programming/computer-programming-languages/87973.html" target="_blank">Πώς να κάνω μια εφαρμογή Win32 για να τρέξει ένα πελάτη </a></li> </ul> </div> <div class="dibud243"> <div class="tibiaodsafda"><h4>JavaScript Προγραμματισμός</h4></div> <ul class="beitonggu"> <li><a href="http://www.221021.com/Software/spreadsheets/" >Υπολογιστικά φύλλα</a></li> <li><a href="http://www.221021.com/Software/quicktime/" >Quicktime</a></li> <li><a href="http://www.221021.com/Software/database-software/" >λογισμικού βάσεων δεδομένων</a></li> <li><a href="http://www.221021.com/Hardware/all-in-one-printers/" >All- in-One</a></li> <li><a href="http://www.221021.com/Hardware/cpus/" >CPUs</a></li> <li><a href="http://www.221021.com/Hardware/input-output-devices/" >Συσκευές Εισόδου και Εξόδου</a></li> <li><a href="http://www.221021.com/Software/utility-software/" >Λογισμικό Utility</a></li> <li><a href="http://www.221021.com/Software/data-compression/" >Συμπίεση δεδομένων</a></li> <li><a href="http://www.221021.com/Hardware/computer-printers/" >Εκτυπωτές</a></li> </ul> </div> </div> </div> <div class="dibudaohnagdsaw"> <div class="das342sd"><p>Πνευματικά δικαιώματα © <a href="http://www.221021.com/" target="_blank" >Γνώση Υπολογιστών</a> Όλα τα δικαιώματα κατοχυρωμένα </p></div> </div> </div> </body> </html>