Конспект JS-course

Работа с DOM из консоли

Источник: http://learn.javascript.ru/dom-console

Доступ к элементу

Чтобы проанализировать любой элемент:

  • Выберите его во вкладке Elements.
  • Либо внизу вкладки Elements есть лупа, при нажатии на которую можно выбрать элемент кликом.
  • Либо, что обычно удобнее всего, просто кликните на нужном месте на странице правой кнопкой и выберите в меню «Проверить Элемент».

Elements - Консоль

Зачастую бывает нужно выбрать элемент DOM и сделать с ним что-то на JavaScript.

Консоль можно либо открыть тут же, нажатием Esc, либо выбрать на соответствующую вкладку.

Последний элемент, выбранный во вкладке Elements, доступен в консоли как $0, предыдущий — $1 и так далее.

Ещё методы консоли

Для поиска элементов в консоли есть два специальных метода:

  • $("div.my") — возвращает элемент по CSS-селектору, только один (первый).
  • $$("div.my") — возвращает массив элементов по CSS-селектору.