javaScriptを使用してiframe内でCSSクラスとコントロール要素を追加する方法。JavaScriptを使用してiframe内でCSSクラスとコントロール要素を追加する方法
<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>
ここに私のコードです。 http://jsfiddle.net/wV8gF/
ここでは、BSEロゴを持つ最初の列を非表示にしたいのですが、値の色を変更したいと思います。
DOMは、JavaScriptを使用してアクセスすることができ、フレームのコレクションが含まれています
あなたは、あなたがこのようにアクセスすることができ、あなたの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>
にname属性を必要とするだろう：
var myFrame = frames["myFrame"]
ここに例を示すことで、新しいスタイルシートをコンテンツに適用できます。How to apply CSS to iframe?
私は上記の引用文献に例を次の更新
：iframeStyles.cssに続いて
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);
：！
td{border:1px solid red;} /*or whatever*/
あなたは強い特異性を有するセレクタを必要とする、または適用される場合がありますが重要既存の宣言を上書きするスタイル
は、次のコードを使用してみてください：
var my_td = $("#table_id tr td", $("#iframe_ID").contents());
・ホープ、この作品...ムハンマドを。
これを試してください。それは役に立つかもしれない。
はい。それは正常に動作しています。私は4days以来、この問題で私の仕事を襲った。 Tnq Pan。しかし、私はどのようにフォントの色を変更することができます... – Omm
ここで、スクリプトは必要ですか？ iframeページ内にありますか？またはiframeを含むページから削除します。 – Joseph
IframeにCSSを適用する方法については、http：//stackoverflow.com/questions/217776/how-to-apply-css-to-iframeをご確認ください。 – rt2800
@Josephはフレーム内にはありません。 – Omm