Accessing the iFrame elements.

Discussion in 'JavaScript' started by Ali_GGL, Feb 7, 2008.

  1. #1
    I am trying to access the content of my iframe src page. Something
    like below

    document.getElementById('myFrame').contentWindow.document;

    It works fine on a predifined iframe element, However, when creating
    the iframe element
    dynamically, and appending it to the body, I can't access the content
    when doing this dynamic insertion. My guess would be that this is
    because the iframe element doesn't yet exist on the Dom. See example
    of problem below:
    
    var myFrame = document.createElement("iframe");
    myFrame.id = "testID";
    myFrame.name = "testID";
    myFrame.src = "testPage.htm";
    myFrame.frameBorder = "0";
    
    document.body.appendChild(myFrame);
    
    //code below isn't working due to the above
    document.getElementById('testID').contentWindow.document;
    
    Code (markup):
    Does anyone have any example to access the elements of iFrame or Frame in browser
    so I can do to resolve this issue?

    Thanks
    Ali
     
    Ali_GGL, Feb 7, 2008 IP