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

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

您可以按照此处的示例将新样式表应用于内容：如何将 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*/

您可能需要一个具有更强特异性的选择器，或者将 !important 应用于样式以覆盖已经存在的声明。

于 2012-05-07T07:35:21.100 回答
0

尝试使用以下代码：

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

希望这行得通……穆罕默德。

于 2012-05-07T08:51:30.933 回答