Welkom op de Nederland Computer Kennisnetwerk!  
 
Zoeken computer kennis
Home Hardware Netwerken Programmering Software Computerstoring Besturingssysteem
* Computer Kennis >> Programmering >> JavaScript Programmeren >> Content
Hoe te weten hoeveel beelden worden in een DIV Met JavaScript
JavaScript geeft u de mogelijkheid om te onderzoeken en zelfs de HTML-code op een webpagina te wijzigen nadat de pagina op de computer is geladen en weergegeven op het scherm . U kunt het aantal beelden binnen een
tag tellen door het coderen van de tag met een " id " en dan het onderzoeken van de tekst in de tag en het tellen van het aantal labels bevat binnen de buitenste
tag . Instructies
1

Maak een HMTL -bestand in een teksteditor of in Kladblok . Maak een

tag met een " id " attribuut en plaats labels binnen de
tag . ? Typ bijvoorbeeld

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



"

Graaf Images < /title > <br> <p> < /head > <br> <p> <div id="images"> < img src = " http://example.com/image1.jpg " alt <p> <body> <br> = " image1 " /> <img src="http://example.com/image2.jpg" alt="image2" /> < img src = " http://example.com/image3.jpg " alt = " afbeelding3 " /> > <br> <p> < /body > <br> <p> < /html > kopen van 2 <p> Maak een JavaScript-functie < /div en plaats deze tussen de <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> tags. Verkrijg de inhoud van de <div> tag en opslaan in een variabele . Typ bijvoorbeeld <p> <script type="text/javascript"> <p> functie countImages ( ) { <br> <p> <br> var divContents = document.getElementById ( " images " ) . innerHTML ; <br> 3 <p> Gebruik een reguliere expressie om array- elementen die overeenkomen met de opening van de tag <img> krijgen . Typ bijvoorbeeld <p> var wedstrijden <br> = divContents.match ( /< img /) ; <br> 4 <p> Haal het aantal beelden door te verwijzen naar het aantal elementen in de array . Typ bijvoorbeeld <p> var numMatches <br> = matches.length ; <p> alert <br> ( " Aantal wedstrijden is " + numMatches ) ; <p> } <br> <p> <br> < /script > <br> 5 <p> Roep de JavaScript-functie vlak voor de afsluitende <body> naar de HTML- pagina om te laden geven . Typ bijvoorbeeld : <p> <script type="text/javascript"> <p> countImages ( ) <br> ; <br> <p> < /script > <br> <br></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90> <tr> <td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90> <tr> <td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/javascript-programming/201309/91005.html' >Hoe te Parameters extract van een URL met JavaScript </a></li> </td> <td align=right>Next: <a class='LinkNextArticle' href='/programmering/javascript-programming/201309/91007.html' >Hoe kan ik een Int converteren naar een string met Javascript </a></li> </td> </tr> </table> </td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246> <tr> <td height=246 vAlign=top width=199> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=199> <tr> <td height=244 vAlign=top width=197> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><STRONG>JavaScript Programmeren</STRONG></td> </tr> </table> <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91052.html" title="Hoe de sessie variabelen van JavaScript " target="_self">Hoe de sessie variabelen van J…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90993.html" title="Hoe maak je een ruimte verwijderen van een variabele in de JavaScript-methode " target="_self">Hoe maak je een ruimte verwijd…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91113.html" title="Hoe kan ik PHP bijwerken Met behulp van Javascript " target="_self">Hoe kan ik PHP bijwerken Met b…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91003.html" title="Hoe kan ik PHP -functies Bellen met jQuery " target="_self">Hoe kan ik PHP -functies Belle…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91272.html" title="Hoe maak je een blog Button met Text Box Underneath voor Code " target="_self">Hoe maak je een blog Button me…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90868.html" title="Hoe te scrollen uitschakelen in Google Maps API V3 " target="_self">Hoe te scrollen uitschakelen i…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91149.html" title="Javascript Tutorial voor PDF " target="_self">Javascript Tutorial voor PDF </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/91201.html" title="Hoe te Cursor op Rollover Verander " target="_self">Hoe te Cursor op Rollover Vera…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/javascript-programming/201309/90933.html" title="Hoe maak je een Letter bewerken in Acajoom " target="_self">Hoe maak je een Letter bewerke…</a></td></tr><tr></tr></table></td> </tr> </table> </td> <td vAlign=top width=12></td> <td vAlign=top width=375> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=375> <tr> <td height=244 vAlign=top> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><STRONG>Related Articles</STRONG></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209> <tr> <td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td> <td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td> </tr> </table> </td> </tr> </table> </td> <td vAlign=top width=8></td> <td vAlign=top width=376> <table class=bian border=0 cellSpacing=0 cellPadding=0 width=375> <tr> <td height=244 vAlign=top> <table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee> <tr> <td height=29 width="4%"> </td> <td width="96%"><STRONG>Programmering Articles</STRONG></td> </tr> </table> <table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207> <tr> <td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td> <td width="67%"> <table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88480.html" title="Hoe om uw account wijzigen wachtwoord met Applescript " target="_self">Hoe om uw account wijzigen wachtwoord me…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92412.html" title="Het uitschakelen van een Scherm Waarschuwing in PHP " target="_self">Het uitschakelen van een Scherm Waarschu…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92992.html" title="Hoe kan ik PHP Mail Maak een link " target="_self">Hoe kan ik PHP Mail Maak een link </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95157.html" title="Hoe naar RTF -bestanden te creëren met VB.Net " target="_self">Hoe naar RTF -bestanden te creëren met …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/91994.html" title="De beste PHP Frames " target="_self">De beste PHP Frames </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90137.html" title="Hoe kan ik een Input File in Java Lees " target="_self">Hoe kan ik een Input File in Java Lees </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/95375.html" title="Hoe u Beeld Eenheid op Geen in Visual Basic " target="_self">Hoe u Beeld Eenheid op Geen in Visual Ba…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/php-mysql-programming/201309/92415.html" title="Hoe de PHP Color Scheme Verandering in CSS " target="_self">Hoe de PHP Color Scheme Verandering in C…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90512.html" title="Problemen met Java " target="_self">Problemen met Java </a></td></tr><tr></tr></table></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10> <tr> <td></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57> <tr> <td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td> </tr> </table> <table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10> <tr> <td></td> </tr> </table> </div> </body> </html>