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

Question

У меня есть сайт, где я вложение другой веб-сайт следующим образом:

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

Я хотел бы иметь возможность скрыть переполнение, используя переполнение: скрытый, но если я дам объекту идентификатор, и ссылаться на него , это не работает. При тестировании с помощью Firebug, если я устанавливаю дочерний элемент объекта, 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/