July 28
JavaScript ti dà la possibilità di esaminare e anche cambiare il codice HTML in una pagina Web dopo che la pagina è stata caricata sul computer e visualizzata sullo schermo. È possibile contare il numero di immagini all'interno di un tag <div> codificando il tag con un "id" e poi esaminando il testo all'interno del tag e contando il numero di tag <img> contenute all'interno del tag esterno <div>.
1 Creare un file HTML in un editor di testo o in Blocco note. Creare un tag <div> con un attributo "id" e luogo <img> tag 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> Count Immagini </ title>
</ Head>
<Body>
<Div id = "images"> <img alt = "Image1" /> <img alt = "image2" /> <img alt = "image3" /> </ div>
</ Body>
</ Html>
2 Creare una funzione JavaScript e posizionarlo tra i tag <head> tag. Ottenere il contenuto del tag <div> e memorizzarlo in una variabile. Ad esempio, digitare
<Script type = "text / javascript">
countImages function () {
var divContents = document.getElementById ( "immagini") innerHTML.;
3 Utilizzare un'espressione regolare per ottenere elementi di matrice che corrispondono l'apertura del tag <img>. Ad esempio, digitare
var = partite 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 <body> per dare il tempo pagina HTML da caricare. Ad esempio, digitare:
<Script type = "text / javascript">
countImages ();
</ Script>