Метод getElementsByTagName

Методът getElementsByTagName позволява да се получат елементи на страницата по име на таг. С получените елементи могат да се извършват различни манипулации: промяна на техния текст, атрибути, CSS стилове и така нататък.

Синтаксис

javascriptdocument.getElementsByTagName(име на таг);

Пример

Нека получим всички параграфи и променим техния текст чрез свойството innerHTML:

html<p>elem 1</p>
<p>elem 2</p>
<p>elem 3</p>
javascriptlet elems = document.getElementsByTagName('p');

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

Резултат от изпълнението на кода:

html<p>!!!</p>
<p>!!!</p>
<p>!!!</p>

Вижте също

  • метод querySelectorAll,
    който получава група елементи по селектор
  • метод getElementsByClassName,
    който получава група елементи по клас