Home/ Questions/Q 6237351
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T11:00:43+00:00

I have issues related to the following code This is my main Page: <html>

  • 0

I have issues related to the following code

This is my main Page:

<html>
    <body>
    <div class="pagewrapper"> 
        <div class="page">
                <iframe id="TabContentIframe" 
                    src="/MyTestWebsite4/TabContent/Details/8">
                </iframe>
                <iframe id="TabContentIframe" 
                    src="/MyTestWebsite4/TabContent/Details/8">
                </iframe>
                <iframe id="TabContentIframe" 
                    src="/MyTestWebsite4/TabContent/Details/8">
                </iframe>
            </div>
        </div> 
    </body>
</html>

The TabContentIframe looks Like This:

<html>
    <body>
        <div class="pagewrapper"> 
            <div class="DivIWant">
                <iframe id="MainContentIframe" 
                    src="/MyTestWebsite4/MainContent/Details/8">
                </iframe>
            </div>
        </div> 
    </body>
</html>

And The MainContentIframe Looks Like This:

<html>
    <body>
        <div class="pagewrapper"> 
            <div iD = "BtnIPressed"></div> 
        </div> 
    </body>
</html>

As you can see there are all in the same domain.

If I press the BtnIPressed, how can I get the DivIWant that is closest to the iframe within I pressed the button?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Orginal Answer was:

    alert(parent.parent.getElementById("DivIWant").innerHTML)

    But now you changed the location of the div so it would just be one level up.

    alert(parent.getElementById("DivIWant").innerHTML)

    Walking up parents until you find a matching div

    var par = null;
var div = null;
while(par!==window){
    par = par.parent;
    var div = par.getElementById("DivIWant")
    if(div){       
         break;
    }
}
if(div){
    alert(div.innerHTML);
}
    • 0