IE DOM siblings and children

[HudsonKane]

I have a page with several hundred <div>s, and each <div> has several hundred child <div>s, each with their own children

when I use _IETagNameGetCollection($ie, "div", 0) I get them all, but I need to find a way to get say the 3rd child of the 5th child of the second top level <div>

I have not yet been able to find anything along this line

Is there any way to determine if an element is a child, parent, sibling?

Thank you

[Subz]

You can use any of the IE properties https://msdn.microsoft.com/en-us/library/hh772281(v=vs.85).aspx

However using an index is also quite helpful:

#include <IE.au3>
Local $oIE = _IECreate("https://www.autoitscript.com/forum/topic/187409-ie-dom-siblings-and-children/", 1)
Local $oDivs = _IETagNameGetCollection($oIE, "div")

For $i = 0 To $oDivs.length
    ConsoleWrite("Div (" & $i & "): " & $oDivs($i).InnerText & @CRLF)
Next

 

[mLipok]

https://msdn.microsoft.com/en-us/library/cc304115(v=vs.85).aspx

https://www.w3.org/TR/css3-selectors/#selectors

 

[genius257]

Hi @HudsonKane.

One of these examples might help

#include <IE.au3>

Global $oIE = _IECreate("https://www.autoitscript.com/forum/topic/187409-ie-dom-siblings-and-children/", 1)

Example01()
Example02()
Example03()

Func Example01()
    Local $oItem = $oIE.document.getElementById("elComment_1346150")
    If (Not IsObj($oItem)) Or (Not ($oItem.children.length>1)) Then Return
    $oItem.children(1)
    If (Not IsObj($oItem)) Or (Not ($oItem.children.length>0)) Then Return
    $oItem.children(0)
    If Not IsObj($oItem) Then Return
    ConsoleWrite("Example01 found a complete match"&@CRLF)
EndFunc

Func Example02()
    Local $oItem = $oIE.document.body
    If (Not IsObj($oItem)) Or (Not ($oItem.children.length>0)) Then Return
    $oItem = $oItem.children(0)
    If (Not IsObj($oItem)) Or (Not ($oItem.children.length>0)) Then Return
    $oItem = $oItem.children(0)
    If Not IsObj($oItem) Then Return
    ConsoleWrite("Example02 found a complete match"&@CRLF)
EndFunc

Func Example03()
    Local $oItem = $oIE.document
    If (Not IsObj($oItem)) Then Return
    $oItems = $oItem.querySelectorAll("div>div:nth-of-type(5)>div:nth-of-type(1)");to use the retusn use length property and $oItems($i)
    If (Not IsObj($oItem)) Or $oItem.length=0 Then Return
    ConsoleWrite("Example03 found a complete match"&@CRLF)
EndFunc

 

[HudsonKane]

Thank you, I didn't realize I could use querySelectorAll().  I am new to this and having an issue

this gives me the html I expect 

$a = $ie.document.getElementById("main_div_id")
ConsoleWrite($a.outerHtml)

but both of these yield empty html

$a = $ie.querySelectorAll("#main_div_id > div:nth-of-type(1)")
ConsoleWrite($a.outerHtml)
or
$a = $ie.document.getElementById("main_div_id")
If (IsObj($a)) Then
    Local $b = $a.querySelectorAll("div:nth-of-type(1)")
    If IsObj($b) Then
       ConsoleWrite($b.outerHtml)
    EndIf
EndIf

 

[HudsonKane]

This appears to be what I want, for the second item at least

ConsoleWrite($b.item(0))

[genius257]

It would be helpful with the page source from you or just the page URL if possible.

[HudsonKane]

Would help if I actually read and followed your advice....

This is working great

Local $document = $ie.document
Local $a = $document.querySelectorAll("#main_div_id > div:nth-of-type(1)")
if IsObj($a) Then
    ConsoleWrite($a.item(0).outerHtml)
EndIf

Thanks so much!