Другие полезные методы для поиска элементов

Вы уже знаете методы querySelector и querySelectorAll для поиска элементов на странице. Эти удобные методы появились в JavaScript относительно недавно. Существуют и другие методы, с которыми вы можете столкнутся, а также при необходимости применить. Давайте их разберем.

Получение по id

Дан элемент #elem:

<div id="elem"></div>

Получите этот элемент с помощью метода getElementById и установите ему какой-нибудь текст.

Получение по имени тега

Дан список:

<ul> <li>text</li> <li>text</li> <li>text</li> <li>text</li> <li>text</li> </ul>

Получите все теги li по имени тега и сделайте их текст красного цвета.

Получение по имени класса

Даны элементы:

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

Получите эти элементы по имени класса и сделайте их текст красного цвета.