JavaScript - 文档 : getElemById() 内的 iframe-6ren

JavaScript - 文档 : getElemById() 内的 iframe

转载作者：行者123 更新时间：2023-11-28 10:16:39

我有以下页面代码:

<html>
  <body>
    <div id="AAA"> SOME CODE </div>
    <div>
      <iframe>
        <html>
          <div id="AAA"> SOME CODE </div>
          <div id="myDiv"> MORE CODE </div>
        </html>
      </iframe>
      <iframe>
        <html>
          <div id="AAA"> SOME CODE </div>
          <div id="myDiv2"> MORE CODE </div>
        </html>
      </iframe>
    </div>
  </body>
</html>

现在，有趣的部分。我可以将手放在 div "myDiv" 上。然后我想修改同一个 iframe 中的 div "AAA" 的内容。但是如果我这样做

 myDiv.ownerDocument.getElementById("AAA")

我在 iframe 外部获取了元素 - 请注意，有 3 个 id="AAA"的元素...

我的问题是，给定一个元素，我如何才能将手放在它包含的 iframe 上，而不是放在最顶层的文档上？

感谢任何帮助。

最佳答案

从我的袖子里，尝试这样的功能:

function GetTopElement(child) {
    var parent = child.parentNode;
    while (parent) {
        var node = parent.nodeName.toLowerCase();
        if (node == "body" || node == "html")
            break;
        parent = parent.parentNode;
    }
    return parent;
}

//usage:
var topLevel = GetTopElement(myDiv);
topLevel.getElementById("AAA")...

关于JavaScript - 文档 : getElemById() 内的 iframe，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6483925/