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

How to add CSS class and control elements inside of the Iframe using javaScript.?

本文关键字：CSS 控件 元素 添加 何使用 javaScript Iframe      更新时间：2023-09-26

如何使用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徽标的第一列，并且我想更改值的颜色。

试试这个。它可能有用。

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

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

您可以按照以下示例将新的样式表应用于内容：如何将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 应用于样式以覆盖现有的声明。

尝试使用以下代码：

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

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

相关文章：