Home/ Questions/Q 6066119
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T09:27:59+00:00

I have the following page code: <html> <body> <div id=AAA> SOME CODE </div> <div>

  • 0

I have the following page code:

<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>

Now, the fun part.
I can put my hands on the div "myDiv". Then I want to modify the content of div "AAA", the one that is in the same iframe.
However if I do

 myDiv.ownerDocument.getElementById("AAA")

I get the element outside the iframe – notice there are three elements with id=”AAA”…

My question is, given an element, how can I put my hands on its containing iframe, and not on the most top level document?

Any help is appreciated.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Out of my sleeve, try such function:

    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")...
    • 0