Κατά την εμφάνιση πινάκων δεδομένων σε μια σελίδα 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>