RegEx Verwirrung

[Rolf B]

Hallo Hansi,

Ok, also du hast 1-N Suchbegriffe (ich nehme an, die Zahl 3 ist nicht fest vorgegeben) und möchtest das DOM nach Bildern durchsuchen, deren URL diese Suchbegriffe enthät.

1. Durchsuchen des DOM nach allen <img> Elementen:

// eins von beiden
const bilder = document.queryElementsByTagName("img");
const bilder = document.querySelectorAll("img");

A-Bär 1: Was ist mit background-image? Die auch?

A-Bär 2: Was ist mit srcset Angaben? Da ist eine Liste von Bildern für unterschiedliche Größen hinterlegt

A-Bär 3: Was ist mit <object> Elementen? Die können auch Bilder einbinden.

Bestimmt gibt's noch mehr, was mir grad... achja. SVG. Da gibt's ein <image> Element. Das auch?

Wenn diese Bärenjagd beendet ist, wird's schon fast einfach. Aber mit einer Regex? Hm. Hmmmmm. Ich dachte an lookahead assertions, denn ich nehme mal an, dass Du die Begriffe in beliebiger Reihenfolge suchen möchtest. Aber da gibt's böse Sonderfälle.

let foo="eins";
let bar="stein";

Soo. Und nun haben wir diese beiden Bilder:

<img src="./einstein/vorlage.jpg">
<img src="./einstein/einsatz.jpg">

Vermutlich soll nur das 2. Bild ein Treffer sein. Oder soll es überhaupt?

Gibt es eine Obergrenze für die Anzahl der Suchbegriffe?

Rolf