მეთოდი getElementsByClassName

მეთოდი getElementsByClassName საშუალებას გაძლევთ მიიღოთ გვერდის ელემენტები მათი კლასის მიხედვით, რომელიც მითითებულია ატრიბუტში class. მიღებულ ელემენტებთან შეგიძლიათ სხვადასხვა მანიპულაციების ჩატარება: შეცვალოთ მათი ტექსტი, ატრიბუტები, CSS სტილები და ა.შ.

სინტაქსი

javascriptdocument.getElementsByClassName(კლასის სახელი);

მაგალითი

მოდით მივიღოთ ყველა ელემენტი კლასით www და შევცვალოთ მათი ტექსტი innerHTML თვისების საშუალებით:

html<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>
javascriptlet elems = document.getElementsByClassName('www');

for (let elem of elems) {
  elem.innerHTML = '!!!';
}

კოდის შესრულების შედეგი:

html<p class="www">!!!</p>
<p class="www">!!!</p>
<p class="www">!!!</p>

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

  • მეთოდი querySelectorAll,
    რომელიც იღებს ელემენტების ჯგუფს სელექტორის მიხედვით
  • მეთოდი getElementsByTagName,
    რომელიც იღებს ელემენტების ჯგუფს ტეგის მიხედვით