Hvordan finne ut hvor mange bilder som er i en DIV med Javascript

May 28

Javascript gir deg muligheten til å undersøke og selv endre HTML-koden på en webside etter at siden er lastet på datamaskinen og vises på skjermen. Du kan telle antall bilder inne i en <div> tag ved koding tag med en "id" og deretter undersøke teksten i koden og telle antall <img> kodene som finnes i ytre <div> tag.

Bruksanvisning

1 Opprett en HMTL-fil i en teksteditor eller i Notepad. Lag en <div> tag med en "id" attributt og sted <img> koder inne i <div> tag. For eksempel inn

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

<Head>

<Title> Count Bilder </ title>

</ Head>

<Body>

</ Body>

</ Html>

2 Opprett en Javascript-funksjon og plassere den mellom <head> taggene. Få innholdet i <div> tag og lagre den i en variabel. For eksempel inn

funksjons countImages () {

Var divContents = document.getElementById ( "bilder") innerhtml.;

3 Bruk et vanlig uttrykk for å få array elementer som samsvarer med åpningen av <img> -taggen. For eksempel inn

Var kamper = divContents.match (/ <img /);

4 Få antallet bilder ved å referere til antall elementer i tabellen. For eksempel inn

Var numMatches = matches.length;

alert ( "Antall kamper er" + numMatches);

}

</ Script>

5 Ring Javascript-funksjonen rett før den avsluttende <body> for å gi HTML-siden tid å laste. For eksempel inn:

countImages ();

</ Script>