querySelector metode

Metode querySelector ļauj iegūt lapas elementu pēc patvaļīga CSS selektora. Ar iegūto elementu varēs veikt dāžādas manipulācijas: mainīt tā tekstu, atribūtus, CSS stilus un tā tālāk.

Sintakse

javascriptdocument.querySelector(selektors);

Piemērs

Iegūsim rindkopu #elem un mainīsim tās tekstu, izmantojot textContent:

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

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

Koda izpildes rezultāts:

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

Piemērs

Iegūsim rindkopu ar klasi elem un mainīsim tās tekstu:

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

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

Koda izpildes rezultāts:

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

Skatiet arī