首页 > 代码库 > 父页面操作嵌套iframe子页面的HTML标签元素
父页面操作嵌套iframe子页面的HTML标签元素
一个页面A.html使用iframe嵌套一个页面B.html，在A页面写js操作B页面HTML元素，首先要获取到B页面document对象，才能对嵌套页面进行操作
请看一个实例，在A页面写js操作B页面div的内容：
A.html代码：
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script> </head> <body > <iframe name="iframe1" src="B.html"></iframe> </body></html><script> window.onload=()=>{ $(window.frames["iframe1"].document).on("click","#btn",function(){ //window.frames["iframe1"].document获的iframe标签嵌套页面document对象 $(this).html("1123"); }) } </script>
B页面代码：
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script> </head> <body id="body"> <div id="btn" >测试操作</div> </body></html>
当点击 “测试操作” 时就这个文字就被修改成“1123”
父页面操作嵌套iframe子页面的HTML标签元素
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。