querySelector მეთოდი
querySelector მეთოდი საშუალებას გაძლევთ მიიღოთ
გვერდის ელემენტი ნებისმიერი CSS
სელექტორის მიხედვით. მიღებულ ელემენტთან შესაძლებელი იქნება სხვადასხვა
მანიპულაციების ჩატარება: მისი ტექსტის შეცვლა,
ატრიბუტები, CSS სტილები და ა.შ.
სინტაქსი
document.querySelector(სელექტორი);
მაგალითი
მოდით მივიღოთ აბზაცი #elem და შევცვალოთ
მისი ტექსტი textContent-ის საშუალებით:
<p id="elem">ტექსტი</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
კოდის შესრულების შედეგი:
<p id="elem">!!!</p>
მაგალითი
მოდით მივიღოთ აბზაცი კლასით elem
და შევცვალოთ მისი ტექსტი:
<p class="elem">ტექსტი</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
კოდის შესრულების შედეგი:
<p id="elem">!!!</p>
იხილეთ აგრეთვე
-
მეთოდი
getElementById,
რომელიც იღებს ელემენტსid-ის მიხედვით -
მეთოდი
querySelectorAll,
რომელიც იღებს ელემენტების ჯგუფს სელექტორის მიხედვით
