如何使用javaScript在iframe內添加CSS類和控件元素。

如何使用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/

這裏我想隱藏有瘋牛病標誌的第一列，我想改變值的顏色。

來源

2012-05-07 Omm

你想要腳本？在iframe頁面內？或來自包含iframe的頁面。 – Joseph

請查看http://stackoverflow.com/questions/217776/how-to-apply-css-to-iframe瞭解如何將CSS應用於Iframe – rt2800

@Joseph不在內部框架內。 – Omm

的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>

然後你就可以像這樣訪問：

var myFrame = frames["myFrame"]

您可以通過以下示例在此處應用新的樣式表：How to apply CSS to iframe?

UPDATE

繼參考我上面舉的例子：

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*/

您可能需要選擇具有較強的特異性，或應用重要樣式來覆蓋已經存在的聲明。

來源

2012-05-07 07:35:21 Faust

但在你的答案我沒有得到如何追加一個類到td。 – Omm

你不需要td上的類就可以對其應用樣式。您可以將樣式應用於iframe中的所有td：td {/ * style delcarations * /} – Faust

這裏我想爲兩個td放置兩種不同的顏色。在這種情況下，你的建議將不起作用。 – Omm

嘗試使用下面的代碼：

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

希望這個作品......穆罕默德。

來源

2012-05-07 08:51:30

試試這個。它可能有用。

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

來源

2012-05-08 13:27:34

是的。它工作正常。自4天以來，我一直在處理這個問題。 Tnq Pan。但是我怎樣才能改變字體顏色... – Omm

如何使用javaScript在iframe內添加CSS類和控件元素。

回答

相關問題