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
document.querySelector(selektor);
Exempel
Låt oss få stycket #elem och ändra
dess text med textContent:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Resultat av kodkörning:
<p id="elem">!!!</p>
Exempel
Låt oss få stycket med klassen elem
och ändra dess text:
<p class="elem">text</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Resultat av kodkörning:
<p id="elem">!!!</p>
Se även
-
metoden
getElementById,
som får ett element medid -
metoden
querySelectorAll,
som får en grupp element med en selektor
