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.
Zdravím, lze nějak docílit toho, aby se spočítaný počet položek (níže ve stránce) vypsal již v úvodu stránky?
Jde to celkem snadno, upravil jsem příklad v článku:
http://www.z-moravec.net/javascript/pocitani-prvku-priklad.html
Elegantnější by to bylo s pomocí jQuery.
Díky moc, po drobných úpravách se implementace podařila!