jQuery无法获取的内容 <iframe> 元件

Question

Hi I am trying to select form tag using Jquery from the link below in chrome console:

http://www.dcoi-conference.org/#!registration/cpq5

I tried:

$("form")

This gives empty array Here I see the form element is in iframe . Thus I also tried

$("iframe")[0].contents();

But was uanable to get any results. Please help.

Answer 1

The form in that page is in an iframe that comes from a different origin than the page. So, the browser security model will not allow you to access the iframe DOM from the parent page.

Without moving the content out of that foreign domain or placing code into that foreign sourced iframe, there is no way to work around that security limitation from just the parent page.

Possible solutions:

1. Stop embedding an iframe from a foreign domain because there is no way to get to the content of a cross origin iframe. Put the content into your own page directly where you can access it freely.
2. Add code to the foreign domain that will cooperate with the parent page. Cooperating cross origin frames can communicate via window.postMessage() , but it requires cooperating code in both frames in both domains.