Vanilla JS · DOM APIs

Add Task

0 pending 0 done

No tasks yet — add one above.

Event Propagation Demo

Concept

Click the inner button and open DevTools → Console to see the event execution order.

Grandparent
Parent
Open DevTools → Console

Browser Rendering Pipeline

Concept
HTML
↓
Parsing
↓
Tokenization
↓
DOM Tree
CSS
↓
Parsing
↓
CSSOM Tree
DOM Tree + CSSOM Tree
↓
Render Tree
↓
Layout
↓
Paint
↓
Composite