如何在html标签内的iframe中访问html元素答案

【问题标题】：How to access html elements in iframe inside html tag如何在html标签内的iframe中访问html元素
【发布时间】：2015-11-17 15:34:07
【问题描述】：

我有一个包含 iframe 的 html 文件，如下面的代码行。请注意，此 iframe 由微型 mce jquery 之一显示，并在浏览器中呈现为下面

 <html>
 <body>
   <textarea id="texteditor"></textarea>
   <div class="mceeditor">
     <iframe>
       <html>
         <body>
           <script type="text/javascript">

     function mySubmit() {
         var URL = "http://localhost:61222/14CommunityImages/hands.png";

         window.document.getElementById("texteditor").value = URL;
               }
          </script>
          </body>
       </html>  
     </iframe>
    </div>
   </body>
 </html>

现在我的目标是在父 html 标记中的文本区域内附加 var url。请帮帮我！！！

【问题讨论】：

将脚本移出 iframe 并进入父页面，然后只需选择节点。
动态显示，无法移动。

标签： javascript jquery iframe

【解决方案1】：

iframe中的文档可以通过parent访问其父窗口，通过parent.document访问其父窗口的文档。所以：

parent.document.getElementById("texteditor").value = URL;

注意：要访问彼此的文档，主文档和 iframe 必须在 same origin 上。如果他们在不同来源，他们仍然可以交流，但前提是他们双方都通过web messaging明确地这样做。

旁注：您的iframe（如问题所示）不起作用。 iframe 中的内联内容用于在浏览器不支持 iframe 时显示。对于 iframe 的内容，您使用由src 属性（或者您使用srcdoc 属性；我不知道它的支持程度）标识的单独资源（例如，页面）。

例如：

主页：

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Main Page</title>
<body>
<textarea id="texteditor"></textarea>
<div class="mceeditor">
    <iframe src="theframe.html"></iframe>
</div>
</body>
</html>

theframe.html:

<!doctype html>
<html>
    <body>
        <input type="button" value="Click to set" onclick="mySubmit()">
        <script type="text/javascript">
            function mySubmit() {
            var URL = "http://localhost:61222/14CommunityImages/hands.png";

            parent.document.getElementById("texteditor").value = URL;
            }
        </script>
    </body>
</html>

【讨论】：

仍然值得注意的是不允许反向访问，您无法从父文档访问 iframe 文档。
@evc：如果他们在同一个来源，你可以。
哦，不知道，谢谢！，还发现这个很棒answer
@user2179026：它工作正常。如果它不起作用，则说明您在问题中没有提到某些事情。