Как добавить класс CSS и элементы управления внутри Iframe, используя javaScript.?

Как добавить класс CSS и элементы управления внутри Iframe, используя javaScript.

<code><iframe width="340" scrolling="no" height="37" src="http://www.indiansplash.com/business/include/dash11i.php" id="ifr" hspace="0" marginwidth="0" marginheight="0" vspace="0" style="width: 585px; height: 47px; border: #dddddd 1px solid"></iframe>
</code>

Вот мой кодhttp://jsfiddle.net/wV8gF/

Здесь я хочу скрыть первый столбец с логотипом BSE и хочу изменить цвет значений.

 Joseph07 мая 2012 г., 09:26
а где скрипт нужен? внутри страницы iframe? или со страницы, содержащей iframe.
 rt280007 мая 2012 г., 09:29
пожалуйста, проверьтеstackoverflow.com/questions/217776/how-to-apply-css-to-iframe о том, как применить CSS к Iframe
 Omm07 мая 2012 г., 09:34
@ Джозеф не внутри инфраструктуры.
 Andrew D.07 мая 2012 г., 10:01
ЕслиIFrame содержит страницу из другого домена (протокол, сервер, порт), тогда вам могут потребоваться дополнительные разрешения для этого. В другом случае вы можете получить ошибку, такую как"в доступе отказано в доступе ..." (в FF) или«Небезопасная попытка JavaScript получить доступ к фрейму с помощью URL ...» (в Chrome) например.

Ответы на вопрос(3)

доступ к которой можно получить с помощью JavaScript:

Вам понадобится атрибут name в вашем теге iframe

<iframe name = "myFrame"
    width="340" scrolling="no" height="37" 
    src="http://www.indiansplash.com/business/include/dash11i.php" 
    id="ifr" hspace="0" marginwidth="0" marginheight="0" vspace="0" 
    style="width: 585px; height: 47px; border: #dddddd 1px solid">
</iframe>

Тогда вы можете получить к нему доступ так:

var myFrame = frames["myFrame"]

Вы можете применить новую таблицу стилей к контенту, следуя приведенному ниже примеру:Как применить CSS к iframe?

ОБНОВИТЬ

Следуя примеру в ссылке, которую я цитировал выше:

var cssLink = document.createElement("link") 
cssLink.href = "iframeStyles.css"; /* change this to the url for a stylesheet targetting the iframe */
cssLink .rel = "stylesheet"; 
cssLink .type = "text/css"; 
frames['myFrame'].document.body.appendChild(cssLink);

Затем вiframeStyles.css:

td{border:1px solid red;} /*or whatever*/

Вам может понадобиться селектор с более высокой специфичностью или применить! Важно к стилям, чтобы переопределить уже существующие объявления.

 Omm08 мая 2012 г., 16:16
Здесь я хочу разместить два разных цвета для двух тд. в этом случае ваше предложение не будет работать.
 Faust08 мая 2012 г., 17:07
В вашем случае есть 3 тд. Третий, к счастью, имеет идентификатор. Таким образом, вы можете применить стиль, предназначенный для среднего, с помощью td {/ * styles * /}, затем переопределить его для первого td с помощью td: first-child {/ * styles * /} и, наконец, переопределить для третьего td с помощью # Сменить {/ * стили * /}.
 Omm08 мая 2012 г., 15:26
Но в вашем ответе я не понимаю, как добавить класс к тд.
 Faust08 мая 2012 г., 15:50
Вам не нужен класс на тд, чтобы иметь возможность применять к нему стили. Вы можете применить стили ко всем td в iframe с помощью: td {/ * style delcarations * /}
 Omm09 мая 2012 г., 09:48
я пытался никаких изменений не произойдет. вот код:jsfiddle.net/wV8gF/4

Попробуйте использовать следующий код:

var my_td = $("#table_id tr td", $("#iframe_ID").contents());

Надеюсь, это работает ... Мухаммед.

 Omm08 мая 2012 г., 15:34
Да. работает нормально я ударил свою работу с этой проблемой с 4 дня. Tnq Pan. Но как я могу изменить цвета шрифта ...

Ваш ответ на вопрос