2016-10-20 2 views
0

현재 iframe에있는 요소를 찾으려고합니다. 계층 구조는 이렇게됩니다.iframe의 내용 얻기

HTML> 신체> 형식 번호의 유치원 1>은 iframe 번호 보고서 컨테이너> HTML> 신체> 형태의 번호를 Form1> DIV> pageBreaker

(이것은 내 ASCX 파일을 사용하는 aspx 페이지 내에서 영문 페이지입니다 iframe).

나는 좋은 javascript 또는 pageBreaker 요소에 도착하는 Jquery 메서드를 찾으려고합니다.

이 나는 ​​시도했다 :

var jqIframe = $(iframe); 
var doc = jqIframe[0].document.form1; 
var el = doc.getElementById("pageBreaker"); //undefined 
+0

무엇을 이미 시도 했습니까? – Yoda

+0

var jqIframe = $ (iframe); var doc = jqIframe [0] .document.form1; var el = doc.getElementById ("pageBreaker"); // undefined – jan86

답변

2

당신은 반드시이 작업을 수행하기 위해 jQuery를 필요가 없습니다.

var iFrame = document.getElementById('iFrameId').contentDocument; 
var desiredElement = iFrame.getElementById('pageBreaker'); 

문서 API를 사용하면 쉽게 iFrame 요소를 가져올 수 있으며 콘텐츠 문서를 쉽게 가져올 수 있습니다. 그런 다음 ID를 통해 요소를 찾는 것이 쉽습니다.

+0

그 해답을 가져 주셔서 감사합니다. 해당 iframe의 모든 pageBreaker 요소의 모든 클래스를 제거 할 수있는 방법이 있습니까? – jan86

+0

ID가 같은 요소가 여러 개있는 것 같습니다. – Yoda

+0

예, 페이지 나누기에만 표시됩니다. 그 외에는 중요하지 않습니다. – jan86