본문 바로가기
프로그래밍/JavaScript

iframe 내부 접근 방법 ( contentWindow Property )

by 원피스랜드 2020. 12. 24.
반응형

* 설명

 

contentWindow property는 frame 또는 iframe element에 의해 생성된 Window object를 반환한다. 

(window object를 통해, document object에 접근할 수 있고, 그리고 document의 element 중 하나에 접근할 수 있다.)

 

 

*HTML 부분

- a.html

...

<body>

<iframe id="iframe_id" src="b.html">

</iframe>

</body>







-b.html 

...

<input type="text" id="element_id" /> 

....

 

*사용 - a.html자신에게 속해 있는 b.html 의

iframe 안에 있는 element에 접근 하고 싶다. 

 

document.getElementById('iframe_id').contentWindow.document

.getElementById("element_id")



// or



document.getElementById('iframe_id').contentWindow.document.폼아이디.엘리먼트아이디.value 
반응형

댓글