InformationenJavaScript-Programmierung
More
Programming
HOME
* Computer Wissen >> Programming >> JavaScript-Programmierung >> .
Wie findet man heraus , wie viele Bilder in einem DIV mit JavaScript
JavaScript gibt Ihnen die Möglichkeit zu prüfen und ändern sogar den HTML-Code auf einer Webseite , nachdem die Seite auf dem Computer geladen und auf dem Bildschirm angezeigt . Sie können die Anzahl der Bilder in einem
durch Codierung der Tag mit einem "id" zu zählen und dann die Prüfung der Text innerhalb des Tags und Zählen der Anzahl von
![]()
innerhalb des äußeren
Tag enthalten . Anleitung
1
Neues HMTL -Datei in einem Text-Editor oder in Notepad. Erstellen Sie eine
tag mit einem Attribut "id" und Ort
![]()
im
tag . ! Zum Beispiel , Typ
< DOCTYPE html PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd " >
Download
Count Images < /title> <br> <p> </head> <br> <p> <body> <br> <p> <div id="images"> <img src = " http://example.com/image1.jpg " alt = " Bild1 " /> <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> <br> 2 <p> erstellen einer JavaScript-Funktion und legen Sie sie zwischen den <head><meta name="viewport" content="width=device-width, initial-scale=1.0"> Tags. Holen Sie sich den Inhalt des <div> tag und speichern sie in einer Variablen. Geben Sie z. B. <br> <p> <script type="text/javascript"> <br> <p> Funktion countImages () { var <br> <p> divContents = document.getElementById (" Bilder " ) . innerHTML ; <br> 3 <p> Verwenden eines regulären Ausdrucks auf Array-Elemente , die die Öffnung des <img> Spiel zu bekommen . Geben Sie z. B. <br> <p> var Spiele = divContents.match ( /< img /); <br> 4 <p> Sie die Anzahl der Bilder durch Verweis auf die Anzahl der Elemente im Array. Geben Sie z. B. <br> <p> var numMatches = matches.length ; <br> <p> alert (" Anzahl der Spiele ist " + numMatches ); } <br> <p> <br> <p> < /script> <br> 5 <p> Rufen Sie die JavaScript-Funktion direkt vor dem schließenden Tag <body> die HTML-Seite Zeit zum Laden geben . Geben Sie z. B. : <br> <p> <script type="text/javascript"> <br> <p> countImages (); <br> <p> < /script> <br> <br>
<div class=dead2><script language='javascript' src='/ad/de2.js'></script></div>
</div>
<div class=clear></div>
<div class="rightTxt">
<ul>
<li><a href='/Programming/Visual-Basics-Programmierung/Das-VBS-Script-Kill-Process-.html'>Das VBS Script Kill Process </a></li>
<li><a href='/Programming/PHP--MySQL-Programmierung/Wie-JSON-mit-PHP-installieren-.html'>Wie JSON mit PHP installieren </a></li>
<li><a href='/Programming/Computer-Programming-Languages/Achse-Limits-in-MATLAB-.html'>Achse Limits in MATLAB </a></li>
<li><a href='/Programming/Java-Programmierung/Wie-man-Charaktere-in-Java-Programming-Vergleichen-.html'>Wie man Charaktere in Java Programming Vergleichen </a></li>
<li><a href='/Programming/Visual-Basics-Programmierung/So-erstellen-Sie-eine-DSN-Verwendung-eines-API-Code-.html'>So erstellen Sie eine DSN Verwendung eines API Code </a></li>
<li><a href='/Programming/PHP--MySQL-Programmierung/MySQL-Load-Data-Tutorial-.html'>MySQL Load Data Tutorial </a></li>
<li><a href='/Programming/Java-Programmierung/Wie-man-Text-auf-Labels-in-Java-Ändern-.html'>Wie man Text auf Labels in Java Ändern </a></li>
</ul>
</div>
<div class=clear></div>
<div class="rightTxt r2">
<ul>
<li><a href='/Networking/Wireless-Router/Was-meinst-du-mit-einem-Wireless-Router-Brauchen-.html'>Was meinst du mit einem Wireless Router Brauchen </a></li>
<li><a href='/Software/Datenkomprimierung/Wie-man-Dateien-für-Windows-DVD-Maker-komprimieren-.html'>Wie man Dateien für Windows DVD Maker komprimieren </a></li>
<li><a href='/Software/Desktop-Publishing/Wie-Farben-in-Acrobat-6-Convert-Pro-.html'>Wie Farben in Acrobat 6 Convert Pro </a></li>
<li><a href='/Software/Productivity-Software/Wie-man-eine-Karte-der-Mutter-Tages-auf-Microsoft-Office-2007-Stellen-.html'>Wie man eine Karte der Mutter Tages auf Microsoft Office 200…</a></li>
<li><a href='/Hardware/Kindle/Wie-Mobipocket-Kindle-herunterladen-.html'>Wie Mobipocket Kindle herunterladen </a></li>
</ul>
</div>
<div class=clear></div>
<!--right1 start -->
<!--right1 end -->
<!--right2 start -->
<!--right2 end -->
<div class=Comments>
<script language='javascript' src='/pl/'></script>
</div>
<div class=clear></div>
<br class="spacer" />
<form name="pl" action="/pl.asp" method="post">
<div class="contacttext" id="sub">Ihr Name: </div>
<div class="contactformfield" id="subtextbox">
<label>
<input type="text" name="name1" class="select" />
<span class="style1">*</span> </label>
</div>
<div class="contacttext" id="name">Kommentare: </div>
<div class="contactformmsgfild"><span class="contactformmessage">
<textarea name="textarea" class="Massaget" cols="30" rows="8"></textarea>
</span></div>
<div class="contactsubmit" id="submitbutton">
<label>
<input name="Submit" type="submit" class="submitbutton" value="Submit" />
</label>
</div>
</form>
<!--right1 start -->
<!--right1 end -->
<!--right2 start -->
<!--right2 end -->
<br class="spacer" />
</div>
<!--right end -->
<br class="spacer" />
</div>
<!--body end -->
<!--footer start -->
<div id="footer">
<p class="design" >Copyright © <a href="http://computer.51itpx.com">Computer Wissen</a> Alle Rechte vorbehalten</p>
</div>
<!--footer end -->
</body>
</html>