Επειδή η JavaScript είναι μια client- side scripting γλώσσα, σας επιτρέπει να έχετε πρόσβαση και να χειριστούν τον κώδικα HTML μιας ιστοσελίδας , αφού έχει φορτωθεί στο πρόγραμμα περιήγησης και εμφανίζεται στην οθόνη . Για παράδειγμα , μπορείτε να προσθέσετε στυλ σε HTML στοιχεία από την τοποθέτηση πινακίδων ένα στοιχείο με ένα " id ", αναφορά του στοιχείου και προσθέτοντας το στυλ . Μπορείτε να συμπεριλάβετε άμεσα το στυλ ή να ορίσετε μια τάξη και να προσθέσετε την κλάση για να προσθέσετε το στυλ . Οδηγίες
Η 1
Δημιουργήστε μια σελίδα HTML χρησιμοποιώντας ένα πρόγραμμα επεξεργασίας ή το Σημειωματάριο . Ορίστε μια τάξη με ένα ύφος που πρέπει να προστεθεί και να προσθέσετε κείμενο στην ιστοσελίδα που θέλετε να το στυλ με τη χρήση JavaScript . Για παράδειγμα, πληκτρολογήστε :
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1 - transitional.dtd ">
< p >
Προσθήκη στυλ < /title> <br> < p . > <style> <br> <p> επισημάνετε { background- color: # FFFFCC ? } <br> <p> < /style > <br> <p> < /head> <br> <p> <body> <br> <p> <div id="text1"> Επισημάνετε αυτό το κείμενο < /div > <br> <p> <div id="text2"> Επισημάνετε αυτό το κείμενο πάρα πολύ < /div > ? <br> <p> < /body> <br> <p> < /html > 2 <br> <p> Δημιουργήστε μια λειτουργία JavaScript και τοποθετήστε το μεταξύ των ετικετών <head> . Αποκτήστε το "id" του πρώτου κειμένου με το στυλ και να προσθέσετε τις παραμέτρους styling άμεσα με αυτήν. Για παράδειγμα, πληκτρολογήστε : <br> <p> <script type="text/javascript"> <br> <p> ΣΤΥΛ1 λειτουργία () { var <br> <p> text1 = document.getElementById ( "κείμενο1 " ) ? <br> <p> text1.style.backgrouondColor = " # FFFFCC " ? <br> <p> } <br> εικόνων 3 <p> Δημιουργήστε μια άλλη λειτουργία JavaScript για να πάρει το " id" το δεύτερο στοιχείο και να προσθέσετε μια κλάση CSS για να αλλάξετε το στυλ . Για παράδειγμα, πληκτρολογήστε : <br> <p> style2 λειτουργία () { var <br> <p> text2 = document.getElementById ( " text2 ")? <br> <p> Text2.class = " highlight " ? < Br > <p> } <br> <p> < /script > <br> Η 4 <p> Καλέστε τις δύο λειτουργίες JavaScript ακριβώς πριν από την ετικέτα κλεισίματος <body> να δώσει το χρόνο σελίδα HTML για να φορτώσει . Για παράδειγμα, πληκτρολογήστε : <br> <p> <script type="text/javascript"> <br> <p> ΣΤΥΛ1 ( ) ? <br> <p> Style2 ( ) ? <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/91003.html' >Πώς να καλέσετε PHP λειτουργίες με jQuery </a>
<li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/javascript-programming/91005.html' >Πώς να Απόσπασμα παραμέτρων από μια διεύθυνση URL με 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/91019.html" target="_blank">Πώς να στείλετε μια λειτουργία JavaScript σε μια υπερ-σύνδεση </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90921.html" target="_blank">Κώδικας για αναφορά σε ένα JS Αρχείο </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91051.html" target="_blank">Πώς να Προσθήκη Strings σε Javascript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90827.html" target="_blank">Πώς να Trace αργά το JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/262493.html" target="_blank">Τι είναι τα συμβάντα στο 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/91087.html" target="_blank">Πώς να γράψετε ένα Timed IE Script </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90986.html" target="_blank">Πώς να Απόκρυψη από Class σε JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91093.html" target="_blank">Πώς να χρησιμοποιήσετε Javascript Με Ole Αυτοματισμού </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90811.html" target="_blank">Πώς να Ισοπαλία Curves Με Javascript </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>