내에서 <div>
를 가져 와서 내 페이지에 인쇄하는 방법?iFrame에서 요소 가져 오기
166
A
답변
268
var iframe = document.getElementById('iframeId');
var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document;
좀 더 간단하게 작성할 수 있습니다. 당신이 내부 문서를 일단 당신이 당신의 현재 페이지에있는 모든 요소에 액세스하는 것처럼
, 당신은 단지 그것의 내부 같은 방법으로 액세스 할 수 있습니다. (innerDoc.getElementById
... 등)
중요 : iframe이 동일한 도메인에 있는지 확인하십시오. 그렇지 않으면 내부에 액세스 할 수 없습니다. 그것은 크로스 사이트 스크립팅 일 것입니다.
4
window.parent.document.getElementById("framekit").contentWindow.CallYourFunction('pass your value')
CallYourFunction()
페이지 내부 기능과 다른 답변의
+4
iFrame에서 함수를 호출하고 요소에 대한 참조를 가져 오지 않았습니다. –
1
아무도 나를 위해 작동하지 않았다 거기에 그 함수의 작업입니다.
var el = document.getElementById("iframeId").contentWindow.functionNameToCall();
이
3
은 iframe에 액세스하는 것을 잊지 마세요 : 그래서 요소를 검색 할 수처럼 그런 다음 해당 함수를 호출
function getElementWithinIframe() {
return document.getElementById('copy-sheet-form');
}
: 내가 찾고 있던 객체를 반환 내 iframe을 내 함수를 만들어 결국이로드 된 후 이로드됩니다. jQuery를하지 않고 오래 된 그러나 안정적인 방법 :
<iframe src="samedomain.com/page.htm" id="iframe" onload="access()"></iframe>
<script>
function access() {
var iframe = document.getElementById("iframe");
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
console.log(innerDoc.body);
}
</script>
관련 문제
- 1. iframe에서 값 가져 오기
- 2. iframe에서 변수 가져 오기
- 3. asp.net의 iFrame에서 값 가져 오기
- 4. JavaScript로 iframe에서 데이터 가져 오기
- 5. iframe에서 웹 페이지 가져 오기
- 6. IFRAME에서 현재 URL 가져 오기
- 7. iframe에서 jquery prettyPhoto 라이트 박스를 iframe에서 가져 오기
- 8. TreeView에서 요소 가져 오기
- 9. id로 요소 가져 오기
- 10. 속성으로 요소 가져 오기
- 11. 생성 된 iframe에서 데이터 가져 오기
- 12. jQuery 요소 색상 가져 오기?
- 13. ArrayList에서 요소 목록 가져 오기
- 14. Cython에서 구조체 요소 가져 오기
- 15. Hpricot에서 요소 유형 가져 오기
- 16. URL 가져 오기 구성 요소
- 17. 선택한 요소 유형 가져 오기
- 18. ConfigurationElementCollection에서 config 요소 가져 오기
- 19. jQuery - 인접 요소 가져 오기
- 20. javascript로 요소 위치 가져 오기
- 21. Django에서 임의의 요소 가져 오기
- 22. 제목으로 요소 가져 오기 jQuery
- 23. 자바 스크립트 - 요소 가져 오기
- 24. JScrollPane에서 구성 요소 가져 오기
- 25. html 파서에서 요소 가져 오기
- 26. Firefox의 Iframe에서 요소 ID를 가져 오는 방법은 무엇입니까?
- 27. 스토리 보드에서 프레임 워크 요소 가져 오기
- 28. InkCanvas에서 제거 된 요소 가져 오기
- 29. overlay.js에서 HEAD 요소 가져 오기 firefox 플러그인
- 30. std :: list iterator : 다음 요소 가져 오기
멋진 대답. 당신이 할 수 있다는 것을 알고 계셨습니까? var innerDoc = iframe.contentDocument || iframe.contentWindow.document; // 더 읽기 쉽고 같은 것을 의미합니다. –
예, 그 사실을 알았습니다. – geowa4
저는 3 자 운영자 이상의 사람들이 혼란스러워하는 것을 보았습니다. 첫 번째 유효 값이 반환된다는 것을 모르는 것처럼 보입니다. 내가 그것을 포함하도록 대답을 편집으로 내 어깨 너머로 남자가 무슨 짓을 나에게 물었다 사실 – geowa4