Πώς να Μάθετε πώς πολλές εικόνες είναι σε ένα DIV με JavaScript
ετικέτα με την κωδικοποίηση της ετικέτας με ένα " id" και , στη συνέχεια, την εξέταση του κειμένου μέσα στην ετικέτα και μετρώντας τον αριθμό των ![]()
ετικέτες που περιέχονται μέσα στην εξωτερική ετικέτα
. Οδηγίες
Η 1
Η 1
Δημιουργήστε ένα αρχείο HMTL σε ένα πρόγραμμα επεξεργασίας κειμένου ή στο Σημειωματάριο. Δημιουργήστε ένα
ετικέτα με ένα "id " χαρακτηριστικό και ετικέτες θέση ![]()
μέσα στην ετικέτα
. Για παράδειγμα , πώληση Τύπος
Count Εικόνες < /title> <br> <p> < /head> <br> <p> <body> <br> <p> <div id="images"> < img src = " http://example.com/image1.jpg " alt = " image1 " /> <img src="http://example.com/image2.jpg" alt="image2" /> < img src = " http://example.com/image3.jpg "alt = " image3 " /> < /div > <br> <p> < /body> <br> <p> < /html > 2 <br> <p> Δημιουργήστε μια λειτουργία JavaScript και τοποθετήστε το μεταξύ των ετικετών <head> . Πάρτε τα περιεχόμενα της ετικέτας <div> και αποθηκεύστε το σε μια μεταβλητή . Για παράδειγμα , πληκτρολογήστε <br> <p> <script type="text/javascript"> <br> <p> countImages λειτουργία () { var <br> <p> divContents = document.getElementById ( " εικόνες " ) . innerHTML ? <br> εικόνων 3 <p> Χρησιμοποιήστε μια κανονική έκφραση για να πάρει τα στοιχεία ενός πίνακα που ταιριάζουν με το άνοιγμα της ετικέτας <img> . Για παράδειγμα, πληκτρολογήστε <br> αγώνες var <p> = divContents.match ( /< img /) ? <br> Η 4 <p> Πάρτε τον αριθμό των εικόνων με αναφορά στον αριθμό των στοιχείων του πίνακα . Για παράδειγμα , πληκτρολογήστε <br> <p> var numMatches = matches.length ? <br> <p> Alert ( "Ο αριθμός των αγώνων είναι " + numMatches ) ? <br> <p> } <br> <p> < /script > <br> 5 <p> Καλέστε τη λειτουργία JavaScript ακριβώς πριν την ετικέτα κλεισίματος <body> να δώσει το χρόνο σελίδα HTML για να φορτώσει . Για παράδειγμα, πληκτρολογήστε : <br> <p> <script type="text/javascript"> <br> <p> countImages ( ) ? <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/91005.html' >Πώς να Απόσπασμα παραμέτρων από μια διεύθυνση URL με JavaScript </a>
<li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/javascript-programming/91007.html' >Πώς να μετατρέψετε ένα Int Σε ένα String με 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/90756.html" target="_blank">Πώς να Επισημάνετε μια ετικέτα σε iFrame Περιεχόμενο </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91252.html" target="_blank">Tutorial για το πώς να Τραβήξτε Down Menus σε Java Script </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90958.html" target="_blank">Πώς να ανιχνεύσει πράκτορες χρήστη και Αναπροσανατολισμός </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90779.html" target="_blank">Πώς να δημιουργήσετε ένα κινούμενο 3D Logo στην Javascript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90952.html" target="_blank">Πώς να υπολογίσετε μια Moving Σύνολο σε 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/91175.html" target="_blank">Ορισμός της JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90859.html" target="_blank">Πώς να διαβάσετε ένα αντικείμενο σε jQuery </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91111.html" target="_blank">Πώς να επισκευάσει ένα Out of Space Stack λάθους σε JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90802.html" target="_blank">Πώς να χρησιμοποιήσετε το Google Maps API για Auto Complete πεδία τοποθεσίας </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>
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd " >