Chrome DevTools: Multiple techniques to expand all child nodes in the DOM tree

Last updated: November 1, 2018
Multiple techniques to expand all child nodes in the DOM tree

When 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 is Control + Alt

Sign up to receive a developer tip, in the form of a gif, in your inbox each week