Počítání prvků na stránce pomocí JS

Nedávno jsem byl požádán o vytvoření JavaScriptu, který by spočítal výskyt určitých položek na stránce. Skript, který toto dokáže je velmi jednoduchý.

 var elem = "item";

function count()
{
var tag = document.getElementsByTagName('*');
var countItem = 0;

for (i=0; i<tag.length; ++i)
{
if (tag[i].className == elem) ++countItem;
}

return countItem;
}

Nejprve načteme všechny tagy na stránce do pole tag a pak ho v cyklu projdeme a kontrolujeme výskyt hledané CSS třídy.

Použití by mělo být zřejmé z příkladu.

V reakci na dotaz z komentářů jsem kód příkladu upravil tak, aby bylo možné zobrazit počet prvků i na začátku stránky, jde to snadno pomocí prázdného spanu a úpravy jeho obsahu pomocí innerHTML.

3 thoughts on “Počítání prvků na stránce pomocí JS

Napsat komentář