Методы работы с браузером

Получение элементов:
`querySelector()`	получает DOM элемент по CSS и ID, пример
`querySelectorAll()`	получает все теги, подпадающие по CSS и ID, пример
`getElementById()`	позволяет получить элемент страницы по его атрибуту id, пример
`getElementsByTagName()`	позволяет получить элементы страницы по имени тега, пример
`getElementsByClassName()`	позволяет получить элементы страницы по их классу, пример
`getElementsByName()`	прибегают, когда следует обратиться к элементам по атрибуту name
Получение элементов по дереву:
`firstElementChild()`	первый элемент у родителя, пример
`lastElementChild()`	последний элемент родителя, пример
`children()`	псевдомасив элементов родителей, пример
`parentElement()`	содержит родительский элемент, пример
`previousElementSibling()`	содержит предыдущий элемент, находящийся в этом же родителе, пример
`nextElementSibling()`	содержит следующий элемент, находящийся в этом же родителе, пример
Перезапись элементов и клонирование:
`innerHTM()`	записывает в DOM элемента текст, включая теги, пример
`innerText()`	записывает в DOM элемента текст, игнорирую теги
`outerHTM()`	заменяет весь тег целиком, включая текст, пример
`outerText()`	заменяет весь тег целиком, тег становится текстом
`textContent()`	удаляет все элементы узла и заменяет их одним текстовым узлом с заданным значением
`insertAdjacentHTM()`	вставляет полученные узлы (с тегами) в DOM дерево в указанную позицию (позиция задается), пример
`insertAdjacentElement()`	позволяет вставить элемент в любое место страницы, пример
`createElement()`	создание нового DOM элемента, пример
`appendChild()`	вставка нового элемента в конец родителя, пример
`append()`	вставка нового элемента в конец родителя, пример
`prepend()`	вставка нового элемента в начало родителя, пример
`before()`	позволяет вставить элемент перед другим элементом
`after()`	позволяет вставить элемент после другого элемента
`replaceWith()`	заменяет одни элементы другими
Class и id
`classList.add()`	добавляет элемент в class, пример
`classList.remove()`	удаляет элемент в class, пример
`classList.toggle()`	если нет элемента в class добавит, если элемент есть удалит, пример
`classList.contains()`	метод contains объекта classList проверяет наличие CSS класса элемента, пример
`matches()`	позволяет проверить, удовлетворяет ли элемент указанному CSS селектору, возвращает true или false, пример
Cобытия мыщи:
`click()`	клик по элементу
`dblclick()`	двойной клик по элементу
`mouseover()`	указатель мыши находится внутри области отображения элемента
`mouseout()`	указатель мыши вышел из области отображения элемента
`contextmenu()`	срабатывает при нажатии правой кнопки мыши
`mousemove()`	указатель мыши движется внутри области отображения элемента
`mouseenter()`	срабатывает, когда указатель мыши заходит на элемент
`mouseleave()`	срабатывает, когда указатель мыши выходит из элемента
`mousedown()`	нажата кнопка мыши
`mouseup()`	отжата кнопка мыши
Работа с атрибутами:
`setAttribute()`	добавляет атрибут, пример
`removeAttribute()`	удаляет атрибут, пример
`hasAttribute()`	проверка атрибута, пример
`dataset()`	обращение к произвольному (рукописному) атрибуту, пример
`getAttribute()`	читает атрибут в DOM, пример
Добавление стилей к элементу:
`style.свойствоCSS`	добавляет style
Удаление и подмена элементов:
`remove()`	удаление элемента без получения ссылки на родителя, пример
`removeChild()`	удаление элемента (с получением родителя), пример
`replaceChild()`	замена одного элемента другим
Работа с инпутом:
`focus()`	позволяет отловить получение фокуса инпутом, пример
`blur();`	позволяет отловить потерю фокуса инпутом, пример
`change()`	срабатывает при возникновении в полях ввода изменений
`input()`	событие отлавливающие ввод нового символа в инпут или textarea
`oninput()`	событие отлавливающие ввод нового символа в инпут или textarea
`selectedIndex()`	хранит в себе номер того пункта списка select, который сейчас выбран
`elements()`	обращение к элементам формы form
`checked()`	проверка нажатия checkbox, отдает true и false
`change()`	событие возникает в полях ввода при их изменениях
`select()`	происходит при выделении текста в текстовом поле
`keydown()`	происходит при нажатии клавиши клавиатуры
`keypress()`	происходит при нажатии клавиши клавиатуры для печатаемых символов
`keyup()`	происходит при отпускании ранее нажатой клавиши клавиатуры
`reset()`	очистка вормы
Таймеры:
`setInterval()`	функция для запуска таймера, пример
`clearInterval()`	функция для остановки таймера, пример
`setTimeout()`	задержка таймера, пример
Клонирование объектов:
`cloneNode()`	клонирование элемента страницы, пример
Запуск функции и название событий:
`addEventListener()`	выполняющуюся при возникновении этого события, пример
`removeEventListener()`	отвязка обработчика событий, пример
`event()`	объект содержит в себе информацию о произошедшем событии, элементе, действии
`event.type()`	название события, пример
`event.target()`	название элемента на котором произошло событие, пример
Перезагрузка страницы:
`location.reload()`	перезагрузка страницы
Отмена стандартного действия браузера:
`preventDefault()`	отмена стандартного действия браузера осуществляется посредством вызова метода preventDefault в обработчике события, пример
Клавиатура:
`keydown()`	нажатие на любую клавишу клавиатуры
`keypress()`	нажатие на любую клавишу клавиатуры кроме специальных - Alt, Ctrl, Shift, Esc, PrScr и тому подобные
`keyup()`	нажатая клавиша была отпущена
Ссылки:
`parentElement()`	получение ссылки на родителя, пример
`preventDefault()`	отменяет переход по ссылке, пример
Touch события:
`touchstart()`	событие срабатывает при возникновении касания к элементу
`touchmove()`	событие возникает после того как пользователь прикоснулся к элементу, и перемещает палец в другую точку
`touchend()`	событие возникает после разрыва прикосновения к элементу
`touchenter()`	событие возникает при условии, что касание происходит в пределах элемента
`touchleave()`	событие возникает, когда точка соприкосновения выходит за рамки элемента
`touchcancel()`	событие возникает тогда, когда точка соприкосновения больше не регистрируется на поверхности. К примеру, перемещение за пределы браузера
Поиск родителей:
`event.target.closest('.new')`	находит родителя по class от event.target на котором произошло событие