querySelector մեթոդը

querySelector մեթոդը թույլ է տալիս ստանալ էջի տարրը CSS-ի ցանկացած սելեկտորով։ Ստացված տարրով կարելի է կատարել տարբեր գործողություններ՝ փոխել դրա տեքստը, ատրիբուտները, CSS ոճերը և այլն։

Շարահյուսություն

javascriptdocument.querySelector(սելեկտոր);

Օրինակ

Եկեք ստանանք #elem պարբերությունը և փոխենք դրա տեքստը textContent-ի միջոցով.

html<p id="elem">տեքստ</p>
javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

Կոդի կատարման արդյունքը.

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

Օրինակ

Եկեք ստանանք elem դասի պարբերությունը և փոխենք դրա տեքստը.

html<p class="elem">տեքստ</p>
javascriptlet elem = document.querySelector('.elem');
elem.textContent = '!!!';

Կոդի կատարման արդյունքը.

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

Տես նաև

  • getElementById մեթոդը,
    որը ստանում է տարր ըստ id-ի
  • querySelectorAll մեթոդը,
    որը ստանում է տարրերի խումբ ըստ սելեկտորի