JavaScript ti dà la possibilità di esaminare e modificare anche il codice HTML in una pagina Web dopo che la pagina è caricata sul computer e visualizzati sullo schermo. Potete contare il numero di immagini all'interno di un tag < div > codifica il tag con un "id" e quindi esaminando il testo all'interno del tag e contando il numero di tag < img > contenuto nel tag esterno < div >.

Istruzioni

1

Creare un file HTML in un editor di testo o in blocco note. Creare un tag < div > con un attributo "id" e inserire i tag < img > all'interno del tag < div >. Ad esempio, digitare

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

< html xmlns = "http://www.w3.org/1999/xhtml" >

< head >

< meta http-equiv = "Content-Type" content = "text/html; charset = utf-8 "/ >

< title > Conteggio immagini < / title >

< / head >

< corpo >

< div id = "immagini" >< img alt = "image1" / >< img alt = "image2" / >< img alt = "image3" / >< / div >

< / body >

< / html >

2

Creare una funzione JavaScript e inserirlo tra i tag < head >. Ottenere il contenuto del tag < div > e memorizzarlo in una variabile. Ad esempio, digitare

< script type = "text/javascript" >

Function countImages() () {

var divContents = document.getElementById("images").innerHTML;

3

Utilizzare un'espressione regolare per ottenere gli elementi di matrice che corrispondono l'apertura del tag < img >. Ad esempio, digitare

corrisponde a var = divContents.match (/ < img /);

4

Ottenere il numero di immagini facendo riferimento al numero di elementi nella matrice. Ad esempio, digitare

var numMatches = matches.length;

Alert ("Numero di partite è" + numMatches);

}

< / script >

5

Chiamare la funzione JavaScript destra prima del tag di chiusura < corpo > per dare il tempo di pagina HTML da caricare. Ad esempio, digitare:

< script type = "text/javascript" >

countImages();

< / script >