getElementsByClassName методи

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

Синтаксис

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>

Қараш