Metoden querySelector

Metoden querySelector låter dig få ett sid-element med en godtycklig CSS-selektor. Med det erhållna elementet kan du utföra olika manipulationer: ändra dess text, attribut, CSS-stilar och så vidare.

Syntax

javascriptdocument.querySelector(selektor);

Exempel

Låt oss få stycket #elem och ändra dess text med textContent:

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

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

Resultat av kodkörning:

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

Exempel

Låt oss få stycket med klassen elem och ändra dess text:

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

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

Resultat av kodkörning:

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

Se även