getElementsByClassName методи

getElementsByClassName методи class атрибутида берилган класс буйича саҳифа элементларини олиш имконини беради. Олинган элементлар билан турли амаллар бажариш мумкин: уларнинг матни, атрибутлари, CSS uslublari ва бошқаларни ўзгартириш.

Синтаксис

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 методи,
тег буйича элементлар гуруҳини олади