Home Hardware Networking Programmazione Software Domanda Sistemi
* Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

Come scoprire quante immagini sono in un div con Javascript

Javascript ti dà la possibilità di esaminare e anche modificare il codice HTML di una pagina Web dopo che la pagina è caricata sul computer e visualizzate sullo schermo . È possibile contare il numero di immagini all'interno di un tag
codificando il tag con un "id" e quindi esaminare il testo all'interno del tag e contando il numero di tag specificato all'interno del tag
esterno . Istruzioni
1

Creare un file HTML in un editor di testo o in Blocco note . Creare un tag

con un attributo "id" e luogo tag all'interno del tag
. Ad esempio, digitare

< DOCTYPE HTML PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd ">




conte Images < /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 " /> < /div > <br> <p> < /body> <br> <p> < /html > <br> 2 <p> Creare una funzione JavaScript " alt = " immagine 3 e posizionarlo tra i tag <head><meta name=viewport content="width=device-width, initial-scale=1.0"> . Prendi il contenuto del tag <div> e memorizzarlo in una variabile . Ad esempio, digitare <br> <p> <script type="text/javascript"> <br> countImages funzione <p> () { var <br> <p> divContents = document.getElementById ( " immagini " ) . innerHTML ; <br> 3 <p> usare una espressione regolare per ottenere elementi di matrice che corrispondono l'apertura del tag <img> . Ad esempio, digitare <br> <p> var match = divContents.match ( /< img /) ; <br> 4 <p> ottenere il numero di immagini facendo riferimento al numero di elementi nella matrice. Ad esempio, digitare <br> <p> var numMatches = matches.length ; <br> <p> alert ( " Numero di partite è" + numMatches ) ; <br> <p> } <br> <p> < /script> <br> 5 <p> Chiama la funzione giusta JavaScript prima del tag di chiusura <body> per dare il tempo di pagina HTML da caricare . Ad esempio, digitare : <br> <p> <script type="text/javascript"> <br> <p> countImages (); <br> <p> < /script > <br> <br> <ul class="mhjkhjlj"> <li> <a class='LinkPrevArticle' href='/Programmazione/Programmazione-Javascript/1182010.html' >Come estrarre i parametri da un URL con JavaScript </a></li> <li> <a class='LinkNextArticle' href='/Programmazione/Programmazione-Javascript/1182014.html' >Come convertire un int in una stringa con javascript </a></li> </ul> <div class="deep"> <div class="guanggadsadswqew"><script language='javascript' src='/AD/it3.js'></script></div> <div class="guanggadsadswqew1"></div> </div> <div class="xiangguanleitong"> <div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div> <ul> <li><a href="/Programmazione/Programmazione-Javascript/1181746.html" target="_blank">Come aprire i file Javascript </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1192940.html" target="_blank">Come fare una calcolatrice con Visual Basic </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182194.html" target="_blank">Come controllare di Windows Autorizzazioni condivisione di rete in Java </a></li><li><a href="/Programmazione/Java-Programming/1180110.html" target="_blank">Come utilizzare vettori Java </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1174016.html" target="_blank">Come fare un oggetto jQuery </a></li><li><a href="/Programmazione/C--C-----Programming/1171102.html" target="_blank">Come creare un vettore di stringhe in C + + </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1173952.html" target="_blank">Come convertire una foto a binario e binario a String </a></li><li><a href="/Programmazione/C--C-----Programming/1170548.html" target="_blank">Quali sono le chiavi di attributi ? </a></li> </ul> </div> </div> </div> <div class="woshiyouleirog"> <div class="zxtjianasd"> <div class="bidssdfjm3"><h4>Articoli consigliati</h4></div> <div class="dasdcdfurit33"> <ul> <li><a href="/Programmazione/Programmazione-Javascript/1181606.html" target="_blank">Come disattivare l' API di Google Maps Marker Bubble </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181864.html" target="_blank">Come leggere iFrame contenuti in JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182554.html" target="_blank">Come utilizzare HREF JavaScript Link </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181716.html" target="_blank">Come inserire jQuery </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181930.html" target="_blank">Come ottenere i valori in un elenco a discesa in Javascript sul post </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182016.html" target="_blank">Come fare un Div Pop - up </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182386.html" target="_blank">Come riempire un Combobox con JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182362.html" target="_blank">Facile menu dinamici per un Sito Web </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181528.html" target="_blank">Javascript parziali </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182144.html" target="_blank">Come impostare la larghezza e altezza di un iFrame </a></li> </ul> </div> </div> <div class="guanggandgsa32a"> </div> <div class="huosirengs"> <li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li> </div> </div> </div> <div class="dsadsafa-da"> <p class="sdqwfwe42">  </p> <p class="vbnhg654">Programmazione © www.354353.com</p> <p class="iop8iud"> </p> </div> </div> </body> </html>