iframe怎么获得子页面中的元素?

如题,父容器<div id='father'></div>中嵌入一个iframe,iframe中有一个子元素<div id='child'></div>,js或者jquery怎么通过#father找到#child? 直接写好像是不行的..
谢谢!

阅读 5.9k
4 个回答

当然了, 因为是两个页面, 应该先找到iframe的 document然后再找#child

$('#iframe的ID').contents().find('#child')

<html>

<head>
    <title>1.html</title>
</head>

<body>
    <input type="button" onClick="show()" value="2.html的内容">
    <iframe src="new_file2.html" name="myframe"></iframe>
</body>
<script type="text/javascript">
    function show() {
        var xx = window.frames["myframe"].document.getElementById("bd").innerHTML;
        console.log(xx)
    }
</script>

</html>

<html>

<head>
    <title>2.html</title>
</head>

<body id="bd">
    111 <br />
</body>

</html>

window.frames 返回一个类数组对象,返回当前窗口的所有子框架元素.

window.frames[0].document.querySelector("#child");
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题