Как изменить CSS с веб-страницы, содержащейся в теге объекта? (XHTML, JQuery)

Question

У меня были проблемы с jQuery и XHTML.

По сути, у меня есть тег объекта, который содержит веб-страницу в своем атрибуте данных. Теперь я хочу, чтобы, нажимая кнопку, я получал эту веб-страницу и динамически изменял файл CSS, который он использует в настоящее время.

Я пытался получить страницу с помощью jquery, но все, что я получаю, это сам объект, а не веб-страница, содержащаяся в объекте.

<div id = "content">
 <object id="contentPageLeft" type="text/html" data="pageReportajes1.xhtml"></object> 
 <object id="contentPageRight" type="text/html" data="pageReportajes2.xhtml"></object>    
</div>

Спасибо !! :)

Answer 1

Вы можете получить доступ к объектам на страницах XHtml, используя следующий фрагмент JQuery:

var contentPageLeft = $('#contentPageLeft')[0].contentDocument;
var itemToEdit = $(contentPageLeft).find('#idOfItemToEdit');

Если вы хотите сделать то же самое с IFrame, используйте вместо этого этот фрагмент JQuery:

var itemToEdit = $('#contentPageLeft').contents().find('#idOfItemToEdit');

Надеюсь, это поможет вам.

Answer 2

Насколько я знаю, я никогда не видел, чтобы кто-нибудь использовал тег объекта для загрузки html-страницы? Что вы хотите сделать с этим? И почему это должно быть в теге объекта? Моим первым высказыванием было бы загрузить страницу в iFrame.

Answer 3

Просто замените <object data=...> на <iframe src=...>. Браузеры в любом случае реализуют такие объекты, как фреймы, поэтому причудливое решение не принесет вам ничего, кроме ненужных проблем.

Также text/html тип не подходит для XHTML. Держу пари, что вы отправляете HTML-файлы с несовпадающим DOCTYPE .