1 Frage zu Queryselector

Der `querySelector` ist eine Methode in JavaScript, die es ermöglicht, das erste Element im Dokument zu finden, das mit einem angegebenen CSS-Selektor übereinstimmt. Diese Methode ist sehr nützlich, um gezielt auf Elemente im DOM (Document Object Model) zuzugreifen und sie zu manipulieren. Hier ist ein einfaches Beispiel, wie `querySelector` verwendet wird: ```javascript // Sucht das erste Element mit der Klasse "example" var element = document.querySelector('.example'); // Ändert den Textinhalt des gefundenen Elements element.textContent = 'Neuer Text'; ``` In diesem Beispiel wird das erste Element mit der Klasse `example` im Dokument gefunden und sein Textinhalt geändert. Die Methode `querySelector` akzeptiert jeden gültigen CSS-Selektor, was bedeutet, dass du nach Klassen, IDs, Attributen und mehr suchen kannst. Hier sind einige Beispiele für verschiedene Selektoren: - `document.querySelector('#meineID')` sucht nach einem Element mit der ID `meineID`. - `document.querySelector('.meineKlasse')` sucht nach dem ersten Element mit der Klasse `meineKlasse`. - `document.querySelector('div')` sucht nach dem ersten `<div>`-Element. - `document.querySelector('[name="meinName"]')` sucht nach dem ersten Element mit dem Attribut `name` gleich `meinName`. Weitere Informationen findest du in der [MDN Web Docs](https://developer.mozilla.org/de/docs/Web/API/Document/querySelector).