jQuery에서 DOM의 최상위 레벨에 어떻게 액세스합니까?

Question

이것을 알아 내려고 ... iframe 내부에서 dom의 최상위 레벨에 액세스하려고합니다. 이것이 가능한 방법은 무엇입니까?

Answer 1

프레임 내부에서 항상 window.top을 사용하여 최상위 레벨로 이동할 수 있습니다.

var iAmInAFrame = (window.top == window.self); 

당신은 최고 수준의 문서 도메인을 공유하는 것을 제공 조작 할 수 window.top.document.whatever (예를 들면 몸에서 getElementById() 등)을 사용할 수 있어야합니다 : 당신은 당신이 사용하는 프레임에 있는지 확인할 수 있습니다 .

Answer 2

iframe의 내부 DOM에서 선택기 및 jQuery 함수를 사용하려면 Traversing/contents 함수를 사용할 수 있습니다.

$("iframe").contents().find("body").append("I'm in an iframe!"); 

Answer 3

부모 호출로 window.parent.document를 추가 할 수 있습니다.

$('body', window.parent.document).append("this is coming from my iframe"); 

편집 : iframe이 아래 코멘트에 언급 한 바와 같이 부모 또는이를 방지 할 브라우저의 보안 제한과 같은 도메인에서 제공해야합니다.