19.06.2023, 13:45
Gerne!
Ich meinte, du kannst den Selector, den du als string der document.querySelectorAll Methode übergeben möchtest als CSS Selector schreiben und überprüfen, was selektiert wird.
Jetzt merke ich gerade, dass du ja eine Fremde Seite vor dir hast. Da wäre es wohl das Beste den Selektor in der Developer Konsole zu testen.
Ich würde in deinem Fall mit dem tiefsten Element anfangen document.querySelectorAll('.c-link__label') und wenn das Ergebnis zu viel ist, den nächst höheren verwenden document.querySelectorAll('.c-breadcrumb__link') und immer so weiter nach oben wandern.
in der Konsole siehst du dann auch gleich, welche Elemente du dadurch selektierst und somit ob dein Selector passt.
Der CSS Ansatz wäre ein visueller, indem man mit
oder ähnlichem startet und dann schaut, welche Elemente die outline haben.
Je nachdem wieviele Elemente man selektiert ist einer der beiden Ansätze meinst effektiver.
Ich meinte, du kannst den Selector, den du als string der document.querySelectorAll Methode übergeben möchtest als CSS Selector schreiben und überprüfen, was selektiert wird.
Jetzt merke ich gerade, dass du ja eine Fremde Seite vor dir hast. Da wäre es wohl das Beste den Selektor in der Developer Konsole zu testen.
Ich würde in deinem Fall mit dem tiefsten Element anfangen document.querySelectorAll('.c-link__label') und wenn das Ergebnis zu viel ist, den nächst höheren verwenden document.querySelectorAll('.c-breadcrumb__link') und immer so weiter nach oben wandern.
in der Konsole siehst du dann auch gleich, welche Elemente du dadurch selektierst und somit ob dein Selector passt.
Der CSS Ansatz wäre ein visueller, indem man mit
Code:
.c-link__label {
outline: 1px solid magenta !important;
}
Je nachdem wieviele Elemente man selektiert ist einer der beiden Ansätze meinst effektiver.