JavaScript-Befehl / -Formel, die mir ausliest wie häufig ein Befehl in der HMTL-Datei vorkommt

[Rolf B]

Hallo Manfred

Du musst unterscheiden zwischen der HTML Datei und dem DOM. Die HTML Datei ist das, was der Browser vom Server bekommt, und das DOM (Document Object Model) ist das, was der Browser draus macht.

JavaScript hat zunächst einmal nur auf das DOM Zugriff. Willst Du explizit die HTML Datei haben, müsstest Du sie nochmal mittels eines XmlHttpRequest (Stichwort: AJAX) vom Server nachladen. Aber wahrscheinlich reicht Dir das DOM.

Das DOM kannst Du auf zwei Arten durchsuchen: als Text, oder als Objektbaum. Den Text zu durchsuchen ist wenig sinnvoll, aber möglich. Du musst nur auf die innerHTML Eigenschaft des body-Elements zugreifen, und hast dann eine lange Zeichenkette, wo eine textuelle Repräsentation des DOM drinsteht.

Besser ist der Objektbaum. Dann kannst Du nämlich die Methoden der darin vorhandenen Objekte benutzen und bist sofort fertig:

    document.querySelectorAll("img").length;

querySelectorAll ermittelt alle Elemente, die auf den übergebenen Selektor zutreffen (im Sinne von CSS Selektor) und liefert eine NodeList. Die hat eine gewisse Länge, entsprechend der Anzahl der gefundenen Elemente, und die bekommst Du mit der length Eigenschaft. Der Selektor ist hier img, also alle img Elemente im Dokument.

PS: Bin kein Programmierer.

Brauchst Du dafür auch nicht zu sein. Öffne die Seite, öffne die Entwicklerwerkzeuge des Browsers (meistens die F12 Taste), gehe auf die Seite "Konsole" (oder "Console") und gib dort das ein, was da oben steht.

In der Konsole sollte dann die Antwort landen. Wenn nicht: verwende console.log:

    console.log(document.querySelectorAll("img").length);

Bitte auf die richtige Klammerverteilung und auf Groß-/Kleinschrift achten!

Wenn Du nur die Bilder in einem Teilbereich deiner HTML Seite zählen willst, musst Du einen CSS Selektor formulieren, der das entsprechend eingrenzt.

Rolf