Elements Tab in Chrome DevTools to View and Modify the DOM

In this video, we're going to show you how to use the Chrome DevTools Elements Tab for viewing and modifying the DOM. We start from the basics exploring the difference between HTML and DOM. This will help you to get a deeper understanding of the code that's running on your website.

If you're new to inspecting DOM with Chrome DevTools, then this video is for you! We'll show you how to use the Elements Tab to explore the DOM content of your website and there by get more understanding about the HTML elements and their layout.

00:00 - Introduction
00:50 - HTML vs DOM
02:12 - Inspect Elements
05:48 - Modify Elements
10:00 - Force states
11:30 - DOM Breakpoints
15:05 - $0
16:55 - Properties
18:27 - Badges

Видео Elements Tab in Chrome DevTools to View and Modify the DOM канала JS Frameworks