{"componentChunkName":"component---src-templates-blog-post-js","path":"/expand-child-nodes/","webpackCompilationHash":"f88477457d1b3d28a311","result":{"data":{"site":{"siteMetadata":{"title":"Inspect Element","author":"Bob Cool"}},"markdownRemark":{"id":"6455dee6-2cbf-51de-988f-2016d7123b80","excerpt":"Some nodes in HTML can contain hundreds of children. It’s often time consuming to run through\neach node and click to expand. With DevTools you can use ‘Alt…","html":"

Some nodes in HTML can contain hundreds of children. It’s often time consuming to run through\neach node and click to expand.

\n

With DevTools you can use ‘Alt + click’ to expand all the child nodes.

\n
    \n
  1. Hold Alt on your keyboard.
    2. \n
  2. Click the small arrow on the left of the DOM node.
    3. \n
","frontmatter":{"title":"HTML - Expand Child Nodes","date":"August 29, 2019","description":"HTML - Expand Child Nodes"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/expand-child-nodes/","previous":{"fields":{"slug":"/unminify-javascript/"},"frontmatter":{"title":"JavaScript - Unminify JS Files"}},"next":{"fields":{"slug":"/change-css-values-with-mouse-keyboard/"},"frontmatter":{"title":"CSS - Change CSS values using the mouse or keyboard"}}}}}