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

javascriptdocument.querySelector(Selektor);

Beispiel

Lasst uns den Absatz #elem abrufen und seinen Text mit textContent ändern:

html<p id="elem">text</p>

javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

Ergebnis der Codeausführung:

html<p id="elem">!!!</p>

Beispiel

Lasst uns den Absatz mit der Klasse elem abrufen und seinen Text ändern:

html<p class="elem">text</p>

javascriptlet elem = document.querySelector('.elem');
elem.textContent = '!!!';

Ergebnis der Codeausführung:

html<p id="elem">!!!</p>

Siehe auch