상위 페이지에서 Iframe 내부의 텍스트 영역 요소에 어떻게 액세스할 수 있나요?

JavaScript를 통해 Iframe 요소에 액세스

텍스트 영역을 캡슐화하는 iframe이 포함된 웹페이지를 구현할 때 텍스트 영역의 값에 액세스하는 것이 어려울 수 있습니다. 상위 페이지에서. window.parent.getelementbyID().value와 같은 활용은 iframe의 텍스트 영역을 제외하고 상위 페이지에서 데이터를 성공적으로 검색할 수 있습니다.

이 문제를 해결하려면 상위 페이지. HTML 및 JavaScript에 대한 이해를 활용하여 다음과 같이 iframe 요소에 액세스할 수 있습니다.

• 먼저 iframe이 양식 요소 내에 포함된 HTML 구조를 얻습니다.

<form name="formname">

• 그런 다음 다음 JavaScript를 사용하여 iframe의 콘텐츠를 참조합니다. 문서:

function iframeRef(frameRef) {
    return frameRef.contentWindow
        ? frameRef.contentWindow.document
        : frameRef.contentDocument
}

var inside = iframeRef( document.getElementById('one') )

이제 "내부" 변수가 iframe의 문서를 참조하므로 getElementsByTagName('textarea')와 같은 메소드를 사용하여 iframe의 콘텐츠에 액세스하고 조작할 수 있습니다.

위 내용은 상위 페이지에서 Iframe 내부의 텍스트 영역 요소에 어떻게 액세스할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!