Question

如何使用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标志的栏目，我想改变价值的颜色。

Answer 1

试试这个。它可能有用。

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

Answer 2

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?

更新

按照上面引用的参考文献中的例子：

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以覆盖已有的声明。

Answer 3

尝试使用以下代码：

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

希望这有效......穆罕默德。

如何使用javaScript在Iframe中添加CSS类和控件元素。

3 个答案: