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