Skip to content

Instantly share code, notes, and snippets.

@vtanathip

vtanathip/How to query Shadow DOM in Chrome DevTools

Created June 12, 2025 03:19
Show Gist options
  • Save vtanathip/94a6d06e209dfbb0acd9b731dbaf9aa7 to your computer and use it in GitHub Desktop.
Save vtanathip/94a6d06e209dfbb0acd9b731dbaf9aa7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
How to query Shadow DOM in Chrome DevTools
const myComponent = document.querySelector('my-custom-component');
const shadowRoot = myComponent.shadowRoot;
const myParagraph = shadowRoot.querySelector('#my-paragraph');
console.log(myParagraph.textContent); // Output: Hello from Shadow DOM!
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment