从父标签通过id获取元素答案

【问题标题】：get element by id from parent tag从父标签通过id获取元素
【发布时间】：2016-12-26 18:34:16
【问题描述】：

我的 DOM 如下。

<html><head>...</head><body><script>...</script>
<iframe id="frame">
    #document
    <html>...</html> <!-- 2 -->
</iframe>
</body>
</html>

我在iframe（即html 2）中绑定了部分内容。在 html_2 部分中，我调用document.ready 以使用iframe 获取id 使用getElementById，但我得到null。如何获取iframe的id等属性值？

【问题讨论】：

第一：你为什么使用 iframe？
stackoverflow.com/questions/5864505/…
使用getElementById获取iframe的id？？？您在 getElementById 中使用什么 id 来获取 id 为“frame”的 iframe？
My html is as below. 不，它不是，保证 - 那可能是你的 DOM，而不是你的 html

标签： javascript jquery html iframe

【解决方案1】：

我是这样做的，

$("#iframe", parent.document).attr("id");

顺便说一句，感谢所有通过宝贵的 cmets 回答和帮助我的人。

【讨论】：

【解决方案2】：

$("iframe").each(function() {
  alert($(this).attr("id"));

})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>

<head>...</head>

<body>
  <script>
    ...
  </script>
  <iframe id="frame">

  </iframe>
  <iframe id="frame1">

  </iframe>
  <iframe id="frame2">

  </iframe>
</body>

</html>

使用.attr("id")
对于多个 iframe，使用 .each() 迭代所有 iframe
使用它来获取当前 iframe

【讨论】：

我已经添加了所有需要的 jquery。和警报给我null。我已经试过了。
那么最好能提供一个demo或者sn-p来展示你现在拥有的东西。
我在其中指向一个 javascript 的一个 html 页面。在这个脚本中，我正在调用一个创建 iframe 的函数（使用 src = 控制器方法来获取部分内容）。在这个部分中，我指向另一个 js，在这个 js 中，有 document.ready 我想要 iframe 的属性值。实际上在 Iframe 中，作为父级，部分绑定。

【解决方案3】：

试试这个：

document.getElementById("frame").contentWindow.document.getElementById("div1")

【讨论】：

什么是div1.?是在 iframe 还是 html_2（在我的情况下）...？
@DhavalR 这将是iframe HTML 中的一个元素