Взаимодействие с консолью



При работе с DOM нам часто требуется применить к нему JavaScript. Например: получить узел и запустить какой-нибудь код для его изменения, чтобы посмотреть результат. Вот несколько подсказок, как перемещаться между вкладками Elements и Console.



Для начала:

1. На вкладке Elements выберите первый элемент <li>.

2. Нажмите Esc – прямо под вкладкой Elements откроется Console.



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



Теперь мы можем запускать на них команды. Например $0.style.background = 'red' сделает выбранный элемент красным, как на картинке выше.



#браузер #документ #dom