DOM에 대한 액세스는 <object>이며 jQuery는

Question

입니다.

이 코드는 jsfiddle에 있습니다.

HTML :

<object type="text/html" data="http://www.w3.org/" style="width:100%; height:100%;position: absolute;bottom: 0;"></object> 

JS : 태그에서

console.log($('object').find('*').length); 

제로 요소가 있다는 것을,이 콘솔은 말한다에 #document 태그와 내가 어떤 태그를 찾을 수없는 이상이 .

<object>에서 DOM을 어떻게 읽을 수 있습니까? <object>의 #document는 무엇입니까?

Answer 1

<object> 요소를 사용하여 HTML 문서를로드하지 마십시오. 대신 을 사용하십시오. 지원 및 API가 더 좋습니다. 다른 출처에서 문서를로드하는 경우

그럼 당신은 일반적인 크로스 기원 보안 제한이 적용

var frame_contents = $('iframe').contents(); 
console.log($(frame_contents).find("*").length); 

을 ... 사용할 수 있습니다.