순수 JavaScript를 사용하여 Iframe의 InnerHTML에 어떻게 액세스할 수 있습니까?

JavaScript에서 iframe의 내부 콘텐츠에 액세스

HTML에서 iframe 요소는 자체 문서 내에 다른 웹페이지를 삽입합니다. 포함된 페이지의 콘텐츠와 상호 작용하려면 상위 문서가 본문 콘텐츠에 액세스해야 합니다.

다음 iframe을 고려하세요.

<iframe>

목표는 "test< br/>"

순수 JavaScript 솔루션

순수 JavaScript로 iframe의 본문 콘텐츠에 액세스하려면 다음 기술을 사용하세요.

1 . iframe 요소 얻기:

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

2. iframe의 문서 객체 가져오기:

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

3. iframe 내에서 본문 요소를 선택합니다:

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

4. 콘텐츠를 얻으려면 body 요소의 innerHTML에 액세스하세요.

var iframeBodyContent = iframeContent.innerHTML; // "test<br/>"

추가 참고 사항:

• 이 솔루션에는 동일 출처 정책이 필요합니다. 관찰해야 합니다.
• iframe이 다른 프레임워크의 경우 도메인 간 메시징 또는 CORS 사용을 고려하세요. domain.
• 이 기술을 사용하면 본문의 콘텐츠를 검색할 수 있을 뿐만 아니라 iframe 내의 요소를 선택하고 조작할 수도 있습니다.

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