|
|
|
| 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> . 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>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programmazione/javascript-programming/91005.html' >Come estrarre i parametri da un URL con JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programmazione/javascript-programming/91007.html' >Come convertire un int in una stringa con javascript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Articoli Correlati </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90971.html" title="Come creare un bordo lampeggiante sul DIV " target="_self">Come creare un bordo lampeggiante sul DIV </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91144.html" title="Regole Per Il Gioco di Carte Canasta " target="_self">Regole Per Il Gioco di Carte Canasta </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90807.html" title="Come fare una palla Animazione Bouncing in HTML " target="_self">Come fare una palla Animazione Bouncing in HTML </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90948.html" title="Come analizzare una stringa di query in JavaScript " target="_self">Come analizzare una stringa di query in JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91005.html" title="Come estrarre i parametri da un URL con JavaScript " target="_self">Come estrarre i parametri da un URL con JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90890.html" title="Come dividere più separatori in JavaScript " target="_self">Come dividere più separatori in JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91284.html" title="Come creare effetti speciali per il tuo sito - anche se non possibile scrivere codice " target="_self">Come creare effetti speciali per il tuo sito - anche se…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90779.html" title="Come creare un logo animato in 3D in Javascript " target="_self">Come creare un logo animato in 3D in Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90952.html" title="Come calcolare un totale Moving in Javascript " target="_self">Come calcolare un totale Moving in Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91278.html" title="Come utilizzare una classe di matrici in Javascript " target="_self">Come utilizzare una classe di matrici in Javascript </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Articoli in evidenza </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/cc-programming/85441.html" title="Come fare stringhe in lettere minuscole su C + + " target="_self">Come fare stringhe in lettere minuscole su C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88434.html" title="Come recuperare un file DAT " target="_self">Come recuperare un file DAT </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88913.html" title="Come eseguire un bit di scorrimento in C + + " target="_self">Come eseguire un bit di scorrimento in C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/92549.html" title="Come collegare PHP MySQL ad un DB " target="_self">Come collegare PHP MySQL ad un DB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/89035.html" title="Come estrarre applet dalla cache Java " target="_self">Come estrarre applet dalla cache Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/94440.html" title="Come modificare gli articoli in ListBox con Visual Basic 2008 " target="_self">Come modificare gli articoli in ListBox con Visual Basi…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86626.html" title="Che cosa è un array sparso in MATLAB " target="_self">Che cosa è un array sparso in MATLAB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/91603.html" title="Come personaggi di uscita con una query MySQL " target="_self">Come personaggi di uscita con una query MySQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/96295.html" title="Come creare file rtf in Visual Basic 6 " target="_self">Come creare file rtf in Visual Basic 6 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/91903.html" title="Come modificare temporaneamente la massima PHP Timeout " target="_self">Come modificare temporaneamente la massima PHP Timeout </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Conoscenza Informatica http://it.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> | | |
