1

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 ロゴを持つ最初の列を非表示にし、値の色を変更したいと考えています。

4

3 に答える 3

1

これを試して。役に立つかもしれません。

http://jsfiddle.net/wV8gF/3/

于 2012-05-08T13:27:34.413 に答える
0

次のコードを使用してみてください。

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

これがうまくいくことを願っています...ムハンマド。

于 2012-05-07T08:51:30.933 に答える
0

DOM には、JavaScript でアクセスできるフレーム コレクションが含まれています。

iframe タグに name 属性が必要です

<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"]

次の例に従って、新しいスタイルシートをコンテンツに適用できます: How to apply CSS to 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*/

より具体的なセレクターが必要な場合や、スタイルに !important を適用して既存の宣言をオーバーライドする場合があります。

于 2012-05-07T07:35:21.100 に答える