如何选择嵌入对象中的元素？答案

【问题标题】：How to select an element within an embedded object?如何选择嵌入对象中的元素？
【发布时间】：2012-03-06 10:48:02
【问题描述】：

我有一个网站，我正在嵌入另一个网站，如下所示：

<object data=http://example.com width="600"              
height="400"> <embed src=http://example.com/> </embed> Error:  
Embedded     data could not be displayed. </object>

我希望能够隐藏溢出，使用溢出：隐藏，但如果我给对象一个 id 并引用它，这不起作用。在使用 Firebug 进行测试时，如果我将对象的子元素 html（因为我正在嵌入网页）设置为溢出：隐藏，则此方法有效。所以我的问题是，我怎样才能选择这个嵌入对象的子对象，以便我可以将溢出变为隐藏？

非常感谢！

亚历克斯

【问题讨论】：

孩子到底是什么意思？
子项是指对象（网站）内部的下一个元素。例如，如果我在 Firebug 中查看它，如果我查看对象的内容，我会看到嵌入页面的 HTML 标记。如果我将 html 元素设置为溢出：隐藏，这有效。但是，我似乎无法从我的代码中使它起作用（不是在 Firebug 上）。感谢您的帮助！

标签： object css-selectors embed overflow

【解决方案1】：

您似乎无法使用 css 选择它（如果有人证明我错了，我会非常高兴），但您可以使用 javascript 访问它：

var obj = document.getElementById("obj"); // assuming you object has id "obj"
var doc = obj.contentDocument; // get the inner DOM
var el = doc.getElementById("d1"); // assuming the embedded document has such an element
el.style.background = "green";

看到这个小提琴：http://jsfiddle.net/kGce2/

【讨论】：