lectures done

This commit is contained in:
2026-01-03 15:32:33 +10:00
parent 6bbcec3411
commit 051052a75f
12 changed files with 95 additions and 17 deletions

View File

@@ -137,3 +137,25 @@ id > class >tag
2. обновление объекта с добавлением или увеличением значений
3. unford вложенныз свойств
4. сортировка объекта по значениям свойств
## 6 JS (DOM, Events)
### p1 - DOM
В лекции описано взаимодействие с древом документа, методы поиска элементов (getElementsByTagName, getElementsByName, getElementById), работа с атрибутами элементов (hasAttribute, removeAttribute), манипуляция с классами (classList.add), создание и вставка новых элементов (createElement, insertBefore), удаление элементов (removeChild), навигация по DOM-дереву (children, firstElementChild, nextElementSibling).
задачи:
1. поиск элементов с определенным количеством дочерних элементов
2. скрытие элементов списка через изменение display
3. удаление устаревших атрибутов (align, width, height) у всех элементов
4. удаление размерных атрибутов у изображений и добавление CSS-класса
5. динамическое создание и вставка параграфов в документ
6. полная очистка содержимого элемента через removeChild
### p2 - Events
Изучение системы событий в JavaScript, последовательность срабатывания событий мыши и клавиатуры, работа с обработчиками событий через addEventListener. Рассматриваются события мыши (mousedown, mousemove, mouseup, mouseover, mouseout), события ввода текста (focus, keydown, input, keyup, change, blur, paste), динамическое изменение стилей элементов при взаимодействии пользователя.
задачи:
1. описание последовательности событий мыши
2. описание последовательности событий при вводе текста
3. изменение размеров родительского элемента при наведении/убирании мыши
4. добавление/удаление CSS-классов для изображений при наведении мыши