Chrome DevTools: Multiple techniques to expand all child nodes in the DOM tree
Last updated: 1st November 2018When navigating the DOM tree, it can be cumbersome to individually expand DOM nodes at each level. DevTools includes some handy ways of expanding all DOM nodes in a recursive ♻️ manner.
- Right click on a parent DOM node and select
Expand recursively
to expand all child nodes - You can also hold the
Option
key and then click the arrow icon next to a DOM node to expand all children. On Windows, the key combination isControl + Alt