JavaScript를 사용하여 IFrame의 콘텐츠에 어떻게 액세스할 수 있습니까?

JavaScript에서 Iframe의 콘텐츠에 액세스하는 방법

순수한 JavaScript를 사용하여 iframe 내 body 요소의 콘텐츠를 검색하려면 다음을 수행하세요. 따라야 할 몇 가지 단계는 다음과 같습니다.

1. Iframe 객체 획득:

const iframe = document.getElementById('id_description_iframe');

2. Iframe의 콘텐츠 문서에 액세스:
jQuery 소스 코드에 따르면 다음 코드는 크로스 브라우저 솔루션을 제공합니다.

const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

3. Iframe에서 요소 선택:
iframe의 콘텐츠 문서 내에서 요소를 선택하려면 다음을 사용합니다.

const iframeContent = iframeDocument.getElementById('frameBody');

4. Iframe 내에서 함수 호출:
iframe 내에서 전역 함수나 변수에 액세스하려면 iframe 창을 얻으세요. 개체:

const iframeWindow = iframe.contentWindow;

예:

iframeContent = iframeWindow.jQuery('#frameBody'); // if jQuery is loaded within the iframe

고려 사항:

• iframe 및 그 내용은 동일한 출처를 고수합니다
• 이 솔루션은 브라우저 간 호환성을 제공하면서도 짧고 읽기 쉽습니다.

위 내용은 JavaScript를 사용하여 IFrame의 콘텐츠에 어떻게 액세스할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!