გამოიწერე YouTube-ის არხიyoutube white icon svg გამოწერა

ჯავასკრიპტი ქართულად, querySelectors

HTML, CSS-ის ინტენსიური კურსი

კურსის დასრულების შემდეგ შეძლებთ HTML CSS-ით ააწყოთ კომპლექსური ვებ გვერდები.

გაიგე მეტი

იმისთვის რომ  ჯავასკრიპტით დოკუმენტში განვახორციელოთ ცვლილებები საჭიროა ჯერ მივწვდეთ ელემენტს, რომელზეც გვინდა ცვლილებების შეტანა, ამსითვის ჯავასკრიპტში რამდენიმე მეთოდი არსებობს, ხოლო დღეს ვისაუბრებთ მათგან ყველაზე გავრცელებულ მეთოდებზე.

HTML

<body>
    <h1>Hello world</h1>
    <h1>Hello world 2</h1>
</body>

ჯავასკრიპტი

window.onload = () => {
    /* მიწვდება დოკუმენტში პირველ h1 ელემენტს */
    document.querySelector('h1');
    /* მიწვდება დოკუმენტში ყველა h1 ტიპის ელემენტს */
    document.querySelectorAll('h1');
}

ზემოთ აღწერილ მეთოდებს შეგვიძლია გადავცეთ ზუსტად იგივე სინტაქსის სელექტორები კლასები ან აიდები, როგორც ეს ხდება CSS-ში

  • კლასისთვის document.querySelector('.className');
  • აიდისთვის document.querySelector('#idName');
  • სელექტორისთვის document.querySelector('h1');

კურსში შემავალი თემები

კომენტარები 0