Лабораторная — Манипуляции с DOM

Задание 1: getElementById()

Привет, мир!

Меняем текст и стиль элемента через getElementById.

Задание 2: getElementsByName()

Задание 3: getElementsByClassName()

  • !Первая важная новость
  • !Вторая важная новость
  • •Обычная новость

Задание 4: getElementsByTagName()

Да, эта кнопка намеренно «перекрасит» всё через JS 🙂

Задание 5: querySelector()

  • 1Пункт 1
  • 2Пункт 2
  • ★Особый пункт

Задание 6: querySelectorAll()

Коробка 1
Коробка 2
Коробка 3

Задание 7: Изменить цвет фона страницы

Фон меняется для всей страницы.

Задание 8: Показать/скрыть элемент

Задание 9: Изменить картинку

Изображение

Задание 10: Простой счётчик

Текущее значение
0