Question

我有一个网站，我在其中嵌入另一个网站如下：

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

我希望能够使用overflow：hidden来隐藏溢出，但如果我给对象一个id，并引用它，这不起作用。当使用Firebug进行测试时，如果我设置了object的子元素，html（因为我嵌入了一个网页），要溢出：隐藏，这是有效的。所以我的问题是，如何选择这个嵌入对象的子代，以便我可以将溢出转为隐藏？

非常感谢！

Alex

Answer 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/

如何在嵌入对象中选择元素？

1 个答案: