javascript setTimeout을 사용하여 div가로드되었는지 확인

Question

동적 스크립트 태그와 JSON을 사용하여 원격 데이터를로드하고 있습니다. 내 웹 사이트에 표시하고있는 원격 페이지에는 콘텐츠를로드하는 데 사용하는 div가 있습니다.

문제는 페이지가로드 될 때 javascript 함수가 원격 데이터이므로 div가 표시되지 않는다는 것입니다. 약 300의 타임 아웃을 설정하면 일반적으로 작동하고 javascipt는 div를 볼 수 있습니다. 그러나 때로는 시간이 오래 걸리며 자바 스크립트가 손상됩니다.

function load_content() 
{ 
    if(document.getElementById('remote_div')==null) 
    { 
    setTimeout('load_content()', 300); 
    } 
    else 
    { 
    document.getElementById('remote_div').innerHTML = 'Content goes here' 
    } 
} 

하지만 그냥 작동하지 않는 것 ... 그것은 잘못된 것입니다 :

나는이 트링거야?

Answer 1

setInterval을 사용하여이 작업을 수행 할 수 있습니다. 예 :

var intrval = setInterval(function(){ 
    if(document.getElementById('remote_div')) { 
     load_content(); 
     clearInterval(intrval); 
}, 50); 

function load_content() { 
    //loading content here 
} 

이렇게하면로드 시간을 예측할 필요가 없습니다. div # remote_div가 DOM 트리에서 발견 될 때 load_content가 실행됩니다.

의견을 기준으로 편집하여 간격을 지정하는 것을 잊어 버렸기 때문에 실제로는 명확하지 않습니다.

Answer 2

iframe을 사용하고 있습니까?

그렇다면,

document.getElementById('YOUR_IFRAME_ID').contentWindow.document.getElementById('remote_div')