DOM 완료 후 아약스로로드 될 요소에 대한 액세스

Question

사파리 확장을 사용하여 웹 페이지를 수정하려고합니다. jScript를 StartScript로 삽입하고 내 스크립트를 End-Script로 삽입했습니다. 내 최종 스크립트 보이는 같은 :

$(function() { 
     console.log(getElementById('id-of-the-element')); 
     console.log($('#id-of-the-element')); 
     console.log(document); 
    }); 

그리고 결과는 다음과 같다 : console.log - screenshot

먼저 로그, 두 번째는 빈 jQuery를 - 객체 completly 널되지만, 세 번째는 전체 HTML입니다 -document, by by 선택된 요소는 문서 안에 있습니다.

DOM이 완성 된 후 아약스가로드 될 것이므로 문서의 내부에는 요소가 필요하지 않습니다. 페이지의 모든 Ajax 호출이 완료 될 때까지 기다리는 방법이 있습니까? DOM과!를 기다리는 함수와 같습니다. 아약스 전체가요?

@Jayant Varshney : 힌트

Answer 1

그것은해야 들으 만들기 확실히 당신의 id는 HTML에 존재합니다.

$(function() { 
    console.log(document.getElementById('id-of-the-element')); 
    console.log($('#id-of-the-element').html()) //if you want to see the content ; 
    console.log(document); //this prints the document which is correct. 
});