Methode querySelector
Die Methode querySelector ermöglicht es,
ein Element der Seite anhand eines beliebigen CSS-Selektors
zu erhalten. Mit dem erhaltenen Element können dann
verschiedene Manipulationen durchgeführt werden:
sein Text, Attribute, CSS-Stile und so weiter können geändert werden.
Syntax
document.querySelector(Selektor);
Beispiel
Lasst uns den Absatz #elem abrufen und
seinen Text mit textContent ändern:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Ergebnis der Codeausführung:
<p id="elem">!!!</p>
Beispiel
Lasst uns den Absatz mit der Klasse elem abrufen
und seinen Text ändern:
<p class="elem">text</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Ergebnis der Codeausführung:
<p id="elem">!!!</p>
Siehe auch
-
die Methode
getElementById,
die ein Element anhand deriderhält -
die Methode
querySelectorAll,
die eine Gruppe von Elementen per Selektor erhält
