Jquery方式获取iframe页面中的 Dom元素
Jquery方式获取iframe页面中的 Dom元素
发布时间:2017-01-14 来源:查字典编辑
摘要:测试页面代码:复制代码代码如下:jquery方式,访问iframe页面dom元素functiongetIframeDom(){//获取ifr...

测试页面代码:

复制代码 代码如下:

<html>

<head>

<title>jquery方式,访问iframe页面dom元素</title>

<meta name="Author" content="孙勤波">

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

<script type="text/javascript" src="http://s1.bdstatic.com/r/www/cache/static/jquery/jquery-1.10.2.min_f2fb5194.js"></script>

<script type="text/javascript">

function getIframeDom(){

// 获取iframe的test元素

var test = $("#frame_1").contents().find("#test");

alert(test.html())

}

</script>

</head>

<body>

<iframe src="file:///C:/Users/SUN/AppData/Local/Temp/non9C34.htm" id="frame_1"></iframe>

<br />

<a href="javascript:getIframeDom();">获取iframe 页面test元素内容</a>

</body>

</html>

test.html 页面代码

复制代码 代码如下:

<html>

<head>

<title>iframe页面a.html</title>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

</head>

<body>

<div id="test">我是测试页面test</div>

</body>

</html>

点击测试按钮效果:

1

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类