jquery iframe 부모 접근, 자식 접근

아이프레임에서 부모의 노드에 속성을 변경할때 

 

 

 

$(top.document).find("부모의 노드 아이디나 클래스").attr("src","orange"); //'부모의 노드 아이디나 클래스"의 이미지속성(src)을 orange 로 바꾼다 

 

1. iframe에서 사용시 iframe을 출력하는 부모값에 접근

 

$('#id', parent.document)

 

 

 

 

 

2.  iframe에서 부모창의 다른 frame 접근

 

 

 

$("#id",  parent.frames['frameId'].document)

 

 

 

 

3. 현재노드에서 부모페이지에 접근

 

 

$('#부모페이지노드id', parent.document).attr('src', '원하는src속성');

 

 

4. 부모페이지에 있는 다른 iframe에 접근

 

$('#부모페이지내다른iframe의노드id', parent.frames["iframeid"].document).css('background', 'black');

 

5. 자식 함수 호출

 

document.getElementById('아이프레임아이디').contentWindow.함수명;/code>

 

6. 자식 요소 접근

 

$('#아이프레임아이디').contents().find('셀렉터')

 

7. 자식 요소 접근

 

window.frames['아이프레임아이디'].document.getElementById('요소아이디');