1、创建一个名称为css的html文件。
2、在页面中加入一个button按钮，当点击button的时候出发click事件。
3、在加入一个div设置宽和高还有背景色，当button的click事件中用css方法修改该div背景色。
4、文件引入jquery 库。
5、在文档准备方法中加入click点击事件。
6、在click事件中加入css方法设置div的背景色。
7、在浏览器中运行该文件。并点击button设置div的背景色。
//不需要修改frame的src//但必须保证frame的页面是同域的，跨域的话获取document会报错$("#iframe的id")contents()find("#要加div的元素的id")append("动态div");
可以通过 windowtopframes 先获取全部 frame，在你的例子中有两个 frame
windowtopframes[0]：left
windowtopframes[1]：main
获得两个 frame 后就可以像平常一样获取页面元素
indexhtml
<!DOCTYPE html><html>
<head>
<title></title>
</head>
<frameset cols="300,">
<frame id="left" src="lefthtml">
<frame id="main" src="mainhtml">
</frameset>
</html>
lefthtml
<!DOCTYPE html><html>
<head>
<title>left</title>
</head>
<body>
<p>lefthtml</p>
<div id="num">12345</div>
</body>
</html>
mainhtml
<!DOCTYPE html><html>
<head>
<title>main</title>
<script type="text/javascript">
// windowtopframes[0] 为 lefthtml
var html = windowtopframes[0]documentgetElementById("num")innerHTML;
// 12345
alert(html);
</script>
</head>
<body>
<p>mainhtml</p>
</body>
</html>
以上就是关于Jquery 获取iframe 中元素并设置CSS问题全部的内容，包括:Jquery 获取iframe 中元素并设置CSS问题、如何向iframe中添加div、关于iframe中获取页面元素的问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）