lectures done
This commit is contained in:
@@ -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-классов для изображений при наведении мыши
|
||||
|
||||
Reference in New Issue
Block a user