How to select elements inside iframe with Javascript

In this tutorial I explore how to query HTML elements inside of an iframe on your webpage using the contentDocument property and querySelector() function. This allows the code to click another button on the page when user clicks Submit on an embedded Hubspot form.

// TRY WEBFLOW
👉 https://try.webflow.com/webflow-is-bae

// FREE resources
✂️ Code Snippet Library: https://code-snippets-sign-up.webflow...
🤝 CSS Nobody Told You About: https://www.webbae.net/css-nobody-tol...
🚗 Roadmap to learn Webflow: https://www.webbae.net/roadmap-to-lea...

// Premium content
🤝 Patreon: Patreon: webbae
🕸️ Advanced Webflow Course (201): https://www.webbae.net/product/webflo...

// Discounts
🎢 Get 10% GSAP: WEBBAE10
♣️ Creative Coding Club (My favorite GSAP lessons): https://www.creativecodingclub.com/bu...

// Connect
🙋‍♀️ Join the Discord: Discord: discord
🐥 Follow Me! Twitter: WebIsBae

• #howto_style
• #hubspot
• #javascript
• #iframe
• #embed