Как выбрать элемент во встроенном объекте?

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, но если я дам объекту идентификатор и на него ссылаюсь, это не сработает. При тестировании с Firebug, если я установил дочерний элемент объекта, html (потому что я встраиваю веб-страницу), в переполнение: скрыто, это работает. Итак, мой вопрос, как я могу выбрать дочерний элемент этого встроенного объекта, чтобы я мог превратить переполнение в скрытое?

Большое спасибо!

Алекс

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/