프론트앤드 이야기/JavaScript & JQuery

[20180509] Jquery를 이용한 IFrame 내의 DOM 접근

한희성 2018. 5. 9.
반응형

1. 소스

$(document).ready(function(){
setTimeout(function(){
$('#order').contents().find('#header').css('display','none');
$('#order').contents().find('#searchWrap').css('display','none');
$('#order').contents().find('#excel').css('display','none');

$('#delivery_list').contents().find('#header').css('display','none');
$('#delivery_list').contents().find('#searchWrap').css('display','none');
$('#delivery_list').contents().find('#excel').css('display','none');
}, 1000);

}); 

2. setTimeout을 사용한 이유

* html 이 렌더링 되면서 아이프레임을 호출하는데 그 순간 스크립이 스크립이 먼저 진행이 되어버리기 때문에 1초의 지연시간을 두었다.

* 지연시간을 두지않으면 변수의 값은 undefind 가 나온다.


반응형

댓글

💲 추천 글