如何在没有 iframe id 的情况下与 IE iframe 交互

Question

I need to click a div inside an iframe in order to trigger a download. I'm having a hard time trying to locate the iframe element as it doesn't have an ID. Here is the iframe element:

<iframe title="data visualization" src="https://sample.com" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowfullscreen="true" style="width: 100%; height: 100%; display: block; visibility: visible;" allowtransparency="true"></iframe>

And this is the div element inside the iframe:

<div tabindex="-1" class="tabToolbarButton tab-widget download" role="button" style="width: 95px; -ms-touch-action: none;" aria-label="Download">
    <span class="tabToolbarButtonImg tab-icon-download"></span>
    <span class="tabToolbarButtonText">Download</span>
</div>

Answer 1

Use one of it's attributes. For example,

ie.document.querySelector("[title='data visualization']").contentDocument.querySelector(".tabToolbarButtonText").click 'change this end bit for the appropriate element to click

Perhaps

ie.document.querySelector("[title='data visualization']").contentDocument.querySelector(".download").click 'change this end bit for the appropriate element to click

Or it's src attribute value direct:

ie.Navigate "https://sample.com"

Modern browsers are optimised for css selectors so this method is fast. Using querySelector also stops at first match which is again an efficiency gain here.

Answer 2

You could also try to use the getElementsbyTagName method to get the Iframe first, then, according to the Iframe.contentDocument property to get the elements via the class Name.

Sample code as below:

Sub Test()
    Dim ie As Object

    Set ie = CreateObject("InternetExplorer.Application")
    With ie
        .Visible = True
        .Navigate "<the website url>"

        While ie.readyState <> 4
            DoEvents
        Wend

        ie.Document.getElementsbyTagName("iframe")(0).contentDocument.getElementsbyClassName("tabToolbarButton tab-widget download")(0).Click
    End With
    Set ie = Nothing
End Sub

[Note] Please note the element's index when you are using the getElementsbyTagName and getElementsbyClassName. It is starting from 0.