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>

იხილეთ აგრეთვე