怎么在iframe页面操作子页面里的对象

2018-09-08 02:40:50 288 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Zynq远程更新程序实战：从emmc到flash的完整方案解析本文详细解析了Zynq远程更新程序的完整方案，重点探讨了从emmc到flash的实战操作。通过硬件连接限制破解、emmc配置技巧、flash擦写策略优化等关键技术点，提供了可靠的远程更新解决方案，特别适合需要频繁更新boot.bin的应用场景。阅读详情

我想在iframe的父页面去操作子页面里的内容，但是现在父页面一直获取不到子页面的对象。
这是代码：



<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>iframe</title>

    <style>

       *{

            margin: 0;

            padding:0;

        }

        .testBox{

            width: 100%;

            background:gray;

        }

        .iframeTest{

            background:papayawhip;

        }

    </style>

</head>

<body>

    <div class="testBox">

        <iframe src="iframe.html" style="height:100%" frameborder="0" id="iframeTest" scrolling="no"></iframe>

    </div>

</body>

</html>

<script src="https://code.jquery.com/jquery-3.3.1.js"></script>

<script>

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

console.log(str.html());

</script>

这个是子页面：



<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>iframe1</title>

</head>

<body>

    <p id="test">哈哈，这是一个测试</p>

</body>

</html>

结果打印出来以后是undefind;
怎么样才能获取到子页面的对象呢？

...全文