使用 jQuery 访问 <object> 中的 DOM答案

【问题标题】：Access to DOM in <object> with jQuery使用 jQuery 访问 <object> 中的 DOM
【发布时间】：2013-07-15 13:57:46
【问题描述】：

我在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 是什么？

【问题讨论】：

【解决方案1】：

不要使用<object> 元素来加载 HTML 文档。请改用<iframe>s - 支持和 API 更好。

然后就可以使用了

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

...如果您从不同的来源加载文档，则会受到通常的跨来源安全限制。

【讨论】：