Javascript로 iframe 요소에 어떻게 액세스합니까?

Javascript로 iframe 요소에 어떻게 액세스합니까?

---

iframe 내에 texarea가 있는 웹페이지가 있습니다. 자식 페이지 자바 스크립트에서 이 텍스트 영역의 값을 읽어야 합니다. 현재 window.parent.getelementbyID().valuejavascript에서 사용 하여 iframe 내의 텍스트 영역을 제외한 상위 페이지의 모든 컨트롤 값을 가져올 수 있습니다.

내 부모 페이지의 프레임 ID와 프레임 이름은 런타임에 변경되므로 참조용으로 프레임 ID/프레임 이름을 사용할 수 없습니다.

---

HTML이 있는 경우

<form name="formname" .... id="form-first">
    <iframe id="one" src="iframe2.html">
    </iframe>
</form>

및 자바스크립트

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

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

inside이제 문서에 대한 참조이므로 getElementsByTagName('textarea')iframe src 내부에 있는 내용에 따라 원하는 대로 무엇이든 할 수 있습니다 .

---

jQuery를 사용하면 contents(). 예를 들어:

var inside = $('#one').contents();

ReferenceURL : https://stackoverflow.com/questions/1452871/how-can-i-access-iframe-elements-with-javascript