JavaScript에서 iFrame 내의 요소에 액세스하는 방법은 무엇입니까?

JavaScript에서 iFrame 요소에 액세스

문제:

창을 사용하여 상위 페이지에서 iFrame 내의 텍스트 영역에 액세스 .parent.getElementById() 메소드는 null을 반환합니다.

해결책:

iFrame 내의 요소에 액세스하려면 도메인 관계에 따라 다른 접근 방식이 필요합니다.

iFrame이 동일한 도메인에 있는 경우:

• window.frames 컬렉션을 사용하여 iFrame에 액세스합니다.

<code class="javascript">// replace "myIFrame" with your iFrame's id
var iFrameDoc = window.frames['myIFrame'].document;
// replace "myIFrameElemId" with your iFrame's element id
var iFrameElem = iFrameDoc.getElementById('myIFrameElemId');</code>

iFrame이 다른 도메인에 있는 경우:

• 보안상의 이유로 iFrame 요소에 대한 도메인 간 액세스는 브라우저에서 제한됩니다.
• 프록시 페이지를 사용하거나 HTML5 postMessage와 같은 도메인 간 통신 메커니즘을 만듭니다.

위 내용은 JavaScript에서 iFrame 내의 요소에 액세스하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!