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

Vydáno: 06. 02. 2012; Poslední aktualizace: 29. 12. 2014; Autor: Zdeněk Moravec

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 Replies to “Počítání prvků na stránce pomocí JS”

  1. 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?

Leave a Reply

Tato stránka používá Akismet k omezení spamu. Podívejte se, jak vaše data z komentářů zpracováváme..