მეთოდი getElementsByClassName

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

სინტაქსი

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

მაგალითი

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

<p class="www">elem 1</p>
<p class="www">elem 2</p>
<p class="www">elem 3</p>

let elems = document.getElementsByClassName('www');

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

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

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

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

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