Lấy phần tử từ bên trong một iFrame

Question

Cách lấy số <div> từ trong một và in trên trang của tôi?

Answer 1

var iframe = document.getElementById('iframeId'); 
var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document; 

Bạn đơn giản hơn có thể viết:

var iframe = document.getElementById('iframeId'); 
var innerDoc = iframe.contentDocument || iframe.contentWindow.document; 

và doc nội hợp lệ đầu tiên sẽ được trả lại.

Khi bạn nhận được tài liệu bên trong, bạn chỉ có thể truy cập vào nội bộ của nó giống như cách bạn truy cập bất kỳ phần tử nào trên trang hiện tại của mình. (innerDoc.getElementById ... vv.)

QUAN TRỌNG: Đảm bảo iframe nằm trên cùng một miền, nếu không bạn không thể truy cập vào nội bộ của nó. Đó sẽ là kịch bản cross-site.

Answer 2

window.parent.document.getElementById("framekit").contentWindow.CallYourFunction('pass your value') 

CallYourFunction() là chức năng bên trong trang và chức năng hành động trên nó

Answer 3

Không có câu trả lời khác đang làm việc cho tôi. Tôi đã kết thúc việc tạo ra một chức năng trong iframe của tôi mà trả về đối tượng tôi đang tìm kiếm:

function getElementWithinIframe() { 
    return document.getElementById('copy-sheet-form'); 
} 

Sau đó, bạn gọi hàm như vậy để lấy phần tử:

var el = document.getElementById("iframeId").contentWindow.functionNameToCall(); 

Answer 4

Đừng quên để truy cập iframe sau khi được tải. Cách cũ nhưng đáng tin cậy mà không có 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>