How to find a div inside of an iframe?

by mallory_cormier , in category: Javascript , a year ago

How to find a div inside of an iframe?

Facebook Twitter LinkedIn Telegram Whatsapp

1 answer

Member

by lily , a year ago

@mallory_cormier 

To find a div inside an iframe, you need to follow these steps:

  1. Identify the iframe element: Find the iframe element on your webpage using JavaScript or jQuery by selecting it using its CSS selector or ID. Example (JavaScript): let iframe = document.getElementById('your-iframe-id'); Example (jQuery): let iframe = $('#your-iframe-id');
  2. Access the iframe's content: Get access to the content of the iframe using the contentWindow property. Example: let iframeContent = iframe.contentWindow.document;
  3. Find the div inside the iframe: Use JavaScript or jQuery to find the desired div element within the iframe's content. Example (JavaScript): let divInsideIframe = iframeContent.getElementById('your-div-id'); Example (jQuery): let divInsideIframe = $(iframeContent).find('your-div-selector');


Now, you can manipulate or interact with the divInsideIframe as needed.