I am trying to get the HTML tag as marked in the picture but I am always getting length as 0.
I tried in these ways
<one-appnav data-data-rendering-service-uid="141" data-aura-rendered-by="261:0">
<div class="slds-context-bar" data-target-selection-name="e8a9ff40ce5544f6aaa1c98c67352401"
data-target-selection-internal="true">
<one-app-nav-bar class="slds-grid slds-has-flexi-truncate" one-appnavbar_appnavbar-host=""><span
one-appnavbar_appnavbar="" class="slds-assistive-text" id="operationId-10">Press Spacebar to
reorder.</span><span one-appnavbar_appnavbar="" class="slds-assistive-text keyboardDnd"
id="dndAssistiveText-10" aria-live="assertive"></span>
<nav one-appnavbar_appnavbar="" class="slds-context-bar__secondary navCenter" role="navigation"
aria-label="Global">
<div one-appnavbar_appnavbar="" class="slds-grid slds-has-flexi-truncate navUL" role="list"
aria-describedby="operationId-10">
<one-app-nav-bar-item-root one-appnavbar_appnavbar=""
class="navItem slds-context-bar__item slds-shrink-none slds-is-active" data-id="home"
data-assistive-id="operationId" data-target-selection-name="sfdc:TabDefinition.standard-home"
aria-hidden="false" draggable="true" role="listitem"><a
class="slds-context-bar__label-action dndItem" href="/lightning/page/home" title="Home"
tabindex="0" draggable="false" aria-current="page"><span
class="slds-truncate">Home</span></a></one-app-nav-bar-item-root>
<one-app-nav-bar-item-root one-appnavbar_appnavbar=""
document.querySelectorAll('one-appnav').length
1
document.querySelectorAll('one-appnav > one-app-nav-bar-item-root').length
0
document.querySelector('one-appnav').querySelectorAll('one-app-nav-bar-item-root').length
0
Need help on this to get the item marked