आईफ्रेम के भीतर एक div का चयन कैसे करें?

Question

मैं एक आईफ्रेम के भीतर एक div की सामग्री लेने, आईफ्रेम हटाने, और केवल div प्रदर्शित करने की कोशिश कर रहा हूँ। मैं यह नहीं समझ सकता कि यह क्यों काम नहीं करेगा- मुझे यकीन नहीं है कि सामग्री का उपयोग करना है या नहीं। सामग्री या सामग्री दस्तावेज़ .. कोई पॉइंटर्स? धन्यवाद!

मैं आईडी "आइफ्रेम" के साथ एक div है, कि आईडी "embedded_article" के साथ आइफ्रेम,

<script type="text/javascript"> 

function getContentFromIframe() 

{  
var parent = document.getElementById('iframe'); 
var child = document.getElementById('embedded_article'); 

var oldContent = child.contentWindow.document.innerHTML; 

var newContent = child.contentWindow.document.getElementById('ec-article').innerHTML; 

    document.getElementById('iframe').removeChild(document.getElementById('embedded_article')); 


parent.innerHTML = newContent;  

} 
</script> 

Answer 1

आपका उदाहरण:

:

document.getElementById('iframe').removeChild(document.getElementById('embedded_article')); 

कुछ ऐसा दिखाई देगा

var element = frames['iframe'].document.getElementById('embedded_article'); 

element.parentNode.removeChild(element); 

window.frames['yourFrameId'] आपके फ्रेम से जुड़े window ऑब्जेक्ट का मूल्यांकन करता है। जब आप document.getElementById का उपयोग करते हैं, तो आप अपने मुख्य विंडो में document नहीं, अपने फ्रेम के window से संबंधित document का उपयोग करना चाहते हैं। बाकी आत्म-व्याख्यात्मक होना चाहिए।

Answer 2

एक iframe के भीतर div को पाने के लिए आप इस

 var div = document.getElementById("YourIFrameID").contentWindow.document.body.getElementById("YOUR_DIV_ID") 

की तरह कुछ कोशिश कर सकते हैं के भीतर