Κατά την εμφάνιση πινάκων δεδομένων σε μια σελίδα Web χρησιμοποιώντας έναν πίνακα HTML , ίσως να θέλετε να χρησιμοποιήσετε το χρώμα για να ενισχύσει την οθόνη ή να κάνει τα δεδομένα στον πίνακα πιο ευανάγνωστο . Υπάρχουν δύο τρόποι για να αλλάξετε το χρώμα του φόντου μιας γραμμής σε έναν πίνακα HTML χρησιμοποιώντας JavaScript . Η πρώτη μέθοδος χρησιμοποιεί JavaScript από μόνη της , και η δεύτερη χρησιμοποιεί CSS και JavaScript . Οδηγίες
Η
1 Δημιουργήστε ένα νέο αρχείο HTML χρησιμοποιώντας ένα πρόγραμμα επεξεργασίας κειμένου ή Σημειωματάριο . Εισάγετε ένα σκελετό HTML και να αλλάξετε τον τίτλο , όπως είναι επιθυμητό . Για παράδειγμα, πληκτρολογήστε :
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd ">
< p >
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 async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script> <!-- 221021-2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="8094203668" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div>
<div class="grad3"></div>
</div>
<div class="fanyedads">
<ul>
<li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='http://www.221021.com/Programming/javascript-programming/91024.html' >Πώς να αλλάξετε το περιεχόμενο του iFrame με JavaScript </a>
<li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/javascript-programming/91026.html' >Πώς να τρέξει το JavaScript σε ιστοσελίδα </a>
</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">
<ul class="dsa31das">
<li><a href="http://www.221021.com/Programming/javascript-programming/272722.html" target="_blank">Πώς να απενεργοποιήσετε τη JavaScript στο DuckDuckGo </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91133.html" target="_blank">Πώς να ανακατευθύνει τους χρήστες κινητών </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/268320.html" target="_blank">Πώς να απενεργοποιήσετε τη JavaScript στο Chrome </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91137.html" target="_blank">Πώς μπορώ να ενεργοποιήσω τη JavaScript ένας πολύ πιο εύκολο </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91142.html" target="_blank">Πώς να Εναλλαγή Divs Με Javascript </a></li>
</ul>
</div>
<div class="dibud242">
<div class="biaotidasoidasf3h4">
<h4>Τελευταία άρθρα</h4>
<div class="nibushihenzaiyi"></div>
</div>
<ul class="thydghaodennrend">
<li><a href="http://www.221021.com/Programming/javascript-programming/90805.html" target="_blank">Πώς να χρησιμοποιήσετε κώδικα DBL </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91003.html" target="_blank">Πώς να καλέσετε PHP λειτουργίες με jQuery </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91227.html" target="_blank">Πώς να ελέγξετε μια ιστοσελίδα για ένα Bug JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91196.html" target="_blank">Πώς να φοράτε ένα φόρεμα Shift </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>