querySelector metodu
querySelector metodu
CSS selektoru vasitəsilə səhifə elementini
almağa imkan verir. Alınan elementlə müxtəlif
əməliyyatlar aparmaq olar: onun mətnini,
atributlarını, CSS stillərini dəyişmək və s.
Sintaksis
document.querySelector(selektor);
Nümunə
Gəlin #elem abzasını alaq və
textContent vasitəsilə
onun mətnini dəyişək:
<p id="elem">mətn</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Kodun icrasının nəticəsi:
<p id="elem">!!!</p>
Nümunə
Gəlin elem sinfi olan abzası alaq
və onun mətnini dəyişək:
<p class="elem">mətn</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Kodun icrasının nəticəsi:
<p id="elem">!!!</p>
Həmçinin bax
-
getElementByIdmetodu,
elementiidvasitəsilə alır -
querySelectorAllmetodu,
selektor vasitəsilə qrup elementlərini alır
